@theme inline{@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--accordion-panel-height,auto)); } to { height: 0; } }}@custom-variant data-open{&:where([data-state="open"]), &:where([data-open]:not([data-open="false"])) { @slot; }}@custom-variant data-closed{&:where([data-state="closed"]), &:where([data-closed]:not([data-closed="false"])) { @slot; }}@custom-variant data-checked{&:where([data-state="checked"]), &:where([data-checked]:not([data-checked="false"])) { @slot; }}@custom-variant data-unchecked{&:where([data-state="unchecked"]), &:where([data-unchecked]:not([data-unchecked="false"])) { @slot; }}@custom-variant data-selected{&:where([data-selected="true"]) { @slot; }}@custom-variant data-disabled{&:where([data-disabled="true"]), &:where([data-disabled]:not([data-disabled="false"])) { @slot; }}@custom-variant data-active{&:where([data-state="active"]), &:where([data-active]:not([data-active="false"])) { @slot; }}@custom-variant data-horizontal{&:where([data-orientation="horizontal"]) { @slot; }}@custom-variant data-vertical{&:where([data-orientation="vertical"]) { @slot; }}@utility no-scrollbar{-ms-overflow-style: none; scrollbar-width: none; &::-webkit-scrollbar { display: none; }}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@theme inline{@keyframes scroll-fade-reveal-t { from { --scroll-fade-t: 0px; } to { --scroll-fade-t: var(--_scroll-fade-size-t,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-b { from { --scroll-fade-b: var(--_scroll-fade-size-b,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-b: 0px; } } @keyframes scroll-fade-reveal-s { from { --scroll-fade-s: 0px; } to { --scroll-fade-s: var(--_scroll-fade-size-s,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } } @keyframes scroll-fade-reveal-e { from { --scroll-fade-e: var(--_scroll-fade-size-e,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); } to { --scroll-fade-e: 0px; } }}@utility scroll-fade{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-y{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-block: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-block)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out, scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y), scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-x{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-inline: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-inline: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); mask-image: var(--scroll-fade-mask,var(--scroll-fade-inline)); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out, scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline), scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-t{--_scroll-fade-size-t: var(--scroll-fade-t-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, transparent 0, #000 var(--scroll-fade-t,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-t 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-t: var(--_scroll-fade-size-t); }}@utility scroll-fade-b{--_scroll-fade-size-b: var(--scroll-fade-b-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to bottom, #000 0, #000 calc(100% - var(--scroll-fade-b,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-b 1ms ease-in-out; animation-timeline: scroll(self y); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-b: var(--_scroll-fade-size-b); }}@utility scroll-fade-l{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-r{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self x); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-s{--_scroll-fade-size-s: var(--scroll-fade-s-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, transparent 0, #000 var(--scroll-fade-s,0px), #000 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-s 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: 0 var(--scroll-fade-reveal,calc(var(--spacing) * 24)); animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-s: var(--_scroll-fade-size-s); }}@utility scroll-fade-e{--_scroll-fade-size-e: var(--scroll-fade-e-size,var(--scroll-fade-size,min(12%, calc(var(--spacing) * 10)))); --scroll-fade-mask: linear-gradient(to right, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); &:where([dir="rtl"], [dir="rtl"] *) { --scroll-fade-mask: linear-gradient(to left, #000 0, #000 calc(100% - var(--scroll-fade-e,0px)), transparent 100%); } -webkit-mask-image: var(--scroll-fade-mask); mask-image: var(--scroll-fade-mask); -webkit-mask-composite: source-in; mask-composite: intersect; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; @supports (animation-timeline: scroll()) { animation: scroll-fade-reveal-e 1ms ease-in-out; animation-timeline: scroll(self inline); animation-range: calc(100% - var(--scroll-fade-reveal,calc(var(--spacing) * 24))) 100%; animation-fill-mode: both; } @supports not (animation-timeline: scroll()) { --scroll-fade-e: var(--_scroll-fade-size-e); }}@utility scroll-fade-*{--scroll-fade-size: calc(var(--spacing) * --value(integer)); --scroll-fade-size: --value([length], [percentage]);}@utility scroll-fade-t-*{--scroll-fade-t-size: calc(var(--spacing) * --value(integer)); --scroll-fade-t-size: --value([length], [percentage]);}@utility scroll-fade-b-*{--scroll-fade-b-size: calc(var(--spacing) * --value(integer)); --scroll-fade-b-size: --value([length], [percentage]);}@utility scroll-fade-s-*{--scroll-fade-s-size: calc(var(--spacing) * --value(integer)); --scroll-fade-s-size: --value([length], [percentage]);}@utility scroll-fade-e-*{--scroll-fade-e-size: calc(var(--spacing) * --value(integer)); --scroll-fade-e-size: --value([length], [percentage]);}@utility scroll-fade-none{--scroll-fade-mask: none;}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@theme inline{@keyframes tw-shimmer { from { background-position: 100% 0; } to { background-position: 0 0; } }}@utility shimmer{--_spread: var(--shimmer-spread,calc(3ch + 40px)); --_base: currentColor; --_highlight: var(--shimmer-color,oklch(from currentColor l c h / calc(alpha* .2))); background-image: var(--shimmer-image,linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread)))); background-repeat: no-repeat; background-size: calc(200% + var(--_spread) * 2) 100%; background-position: 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: var(--shimmer-text-fill,transparent); animation: tw-shimmer var(--shimmer-duration,2s) linear infinite; @variant dark { --_highlight: var(--shimmer-color,oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4))); } &:where([dir="rtl"], [dir="rtl"] *) { animation-direction: reverse; }}@utility shimmer-once{animation-iteration-count: 1;}@utility shimmer-reverse{animation-direction: reverse;}@utility shimmer-none{--shimmer-image: none; --shimmer-text-fill: currentColor;}@utility shimmer-color-*{--shimmer-color: --value(--color, [color]); --shimmer-color: color-mix(in oklch, --value(--color, [color]) calc(--modifier(integer) * 1%), transparent);}@utility shimmer-duration-*{--shimmer-duration: calc(--value(integer) * 1ms);}@utility shimmer-spread-*{--shimmer-spread: calc(var(--spacing) * --value(integer)); --shimmer-spread: --value([length], [percentage]);}@utility shimmer-angle-*{--shimmer-angle: calc(--value(integer) * 1deg);}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}
:root{--ivory:#f3efe7;--espresso:#2b211a;--terracotta:#c86a4a;--terracotta-deep:#a6533d;--olive:#6e7a5a;--sand:#dcc9ae;--font-display:"Cormorant Garamond", "EB Garamond", Georgia, serif;--font-body:"Manrope", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ivory);color:var(--espresso);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.625}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{grid-template-columns:1fr auto 1fr;align-items:center;max-width:1376px;height:96px;margin:0 auto;padding:0 64px;display:grid}.brand{width:136px}.site-header nav{gap:40px;font-size:14px;font-weight:500;display:flex}.site-header nav a,.header-cta,.text-link{transition:color .2s cubic-bezier(.22,1,.36,1)}.site-header nav a:hover,.header-cta:hover,.text-link:hover{color:var(--terracotta-deep)}.header-cta{justify-self:end;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.hero{grid-template-columns:minmax(0,6fr) minmax(360px,5fr);max-width:1376px;min-height:calc(100vh - 96px);margin:0 auto;padding:44px 64px 80px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;align-self:center;padding:0 72px 24px 0;position:relative}.eyebrow,.section-number{letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:600}.eyebrow{align-items:center;gap:14px;display:flex}.eyebrow:before{background:var(--terracotta);content:"";width:40px;height:2px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--font-display);letter-spacing:-.035em;margin:54px 0 40px;font-size:clamp(64px,6.2vw,92px);font-weight:500;line-height:.92}h1 em{color:var(--terracotta-deep);font-weight:500}.hero-intro{max-width:560px;font-size:18px;line-height:1.65}.hero-actions{align-items:center;gap:32px;margin-top:42px;display:flex}.hero-actions span{color:#665a52;font-size:12px;line-height:1.6}.button{border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:16px;height:52px;padding:0 24px;font-size:15px;font-weight:600;transition:background .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--espresso);color:var(--ivory)}.button-primary:hover{background:#48382e}.hero-visual{min-height:600px;margin:0;position:relative;overflow:hidden}.hero-visual:after{content:"";pointer-events:none;border:1px solid #f3efe78c;border-radius:180px 180px 0 0;position:absolute;inset:32px}.hero-visual>img{filter:saturate(.82)contrast(.96);object-fit:cover;height:100%}.hero-visual figcaption{color:var(--ivory);letter-spacing:.08em;text-transform:uppercase;z-index:2;justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:48px;left:52px;right:52px}.hero-mark{background:var(--ivory);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:absolute;top:50%;left:calc(54.5% - 56px)}.hero-mark img{width:40px}.manifesto{border-top:1px solid #2b211a2e;grid-template-columns:1.2fr 5fr 2fr;gap:56px;max-width:1240px;margin:0 auto;padding:128px 0;display:grid}.section-number{color:var(--terracotta-deep)}.manifesto h2,.section-heading h2,.process h2,.contact h2{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(42px,4vw,64px);font-weight:500;line-height:1}.manifesto-copy p{color:var(--terracotta-deep);font-family:var(--font-display);margin-top:28px;font-size:30px;font-style:italic;line-height:1.15}.manifesto-aside{align-self:end}.manifesto-aside p{color:#665a52;font-size:14px;line-height:1.75}.text-link{align-items:center;gap:12px;margin-top:12px;font-size:14px;font-weight:600;display:inline-flex}.services{background:var(--espresso);color:var(--ivory);padding:128px max(64px,50vw - 620px)}.section-number.light{color:var(--terracotta)}.section-heading{grid-template-columns:1.2fr 3fr 1.5fr;gap:28px;margin-bottom:88px;display:grid}.section-heading h2{margin:0}.section-heading>p{color:#cfc6bd;align-self:end;margin:0;font-size:14px;line-height:1.75}.service-list{border-top:1px solid #f3efe740}.service{border-bottom:1px solid #f3efe740;grid-template-columns:1fr 3fr 3fr auto;align-items:center;gap:32px;padding:42px 0;display:grid}.service>span{color:var(--terracotta);letter-spacing:.14em;font-size:12px}.service h3{font-family:var(--font-display);margin:0;font-size:34px;font-weight:500;line-height:1.1}.service p{color:#cfc6bd;max-width:440px;margin:0;font-size:14px}.service svg{color:var(--terracotta)}.process{grid-template-columns:1fr 1.15fr;gap:120px;max-width:1240px;margin:0 auto;padding:128px 0;display:grid}.process-intro h2{margin:52px 0 36px}.process-intro>p{color:#665a52;max-width:520px}.process-steps{border-top:1px solid #2b211a38}.process-steps article{border-bottom:1px solid #2b211a38;grid-template-columns:48px 1fr auto;align-items:start;gap:30px;padding:32px 0;display:grid}.process-steps article>span{color:var(--terracotta-deep);letter-spacing:.14em;font-size:12px}.process-steps h3{font-family:var(--font-display);margin-bottom:12px;font-size:30px;font-weight:500;line-height:1}.process-steps p{color:#665a52;max-width:420px;margin:0;font-size:14px}.contact{background:var(--terracotta);color:var(--espresso);grid-template-columns:auto 1fr auto;align-items:center;gap:56px;padding:96px max(64px,50vw - 620px);display:grid}.contact-mark{border:1px solid #2b211a66;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;display:flex}.contact-mark img{width:44px}.contact h2{margin:20px 0 0}.contact .eyebrow:before{background:var(--espresso)}.button-light{background:var(--ivory);color:var(--espresso)}.button-light:hover{background:#fffaf0}footer{grid-template-columns:1fr 1.5fr 1fr 1fr;align-items:center;gap:28px;max-width:1376px;margin:0 auto;padding:56px 64px;font-size:12px;display:grid}footer>img{width:120px}footer p{margin:0}.footer-location{align-items:center;gap:7px;display:flex}@media (max-width:1000px){.site-header,.hero{padding-left:32px;padding-right:32px}.site-header nav{display:none}.site-header{grid-template-columns:1fr auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:48px 0 64px}.hero-visual{min-height:620px}.hero-mark{top:auto;left:50%;transform:translate(-50%,-50%)}.manifesto,.process{grid-template-columns:1fr;gap:56px;margin-left:32px;margin-right:32px}.manifesto-aside{max-width:520px}.section-heading{grid-template-columns:1fr}.section-heading>p{max-width:480px}.service{grid-template-columns:48px 1.5fr 2fr auto}.contact{grid-template-columns:auto 1fr}.contact .button{grid-column:2;justify-self:start}footer{grid-template-columns:1fr 1fr;padding-left:32px;padding-right:32px}}@media (max-width:680px){.site-header{height:80px;padding-left:24px;padding-right:24px}.brand{width:120px}.header-cta{font-size:13px}.hero{padding:16px 24px 64px}.hero-copy{padding:36px 0 56px}h1{margin:38px 0 30px;font-size:clamp(48px,15vw,66px);line-height:.94}.hero-intro{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{min-height:460px}.hero-visual figcaption span:last-child{display:none}.hero-visual figcaption{left:32px;right:32px}.hero-mark,.contact-mark{width:84px;height:84px}.hero-mark img,.contact-mark img{width:34px}.manifesto,.process{margin-left:24px;margin-right:24px;padding:96px 0}.manifesto h2,.section-heading h2,.process h2,.contact h2{font-size:42px}.manifesto-copy p{font-size:26px}.services{padding:96px 24px}.section-heading{margin-bottom:56px}.service{grid-template-columns:36px 1fr auto;gap:18px;padding:32px 0}.service h3{font-size:28px}.service p{grid-column:2/4}.process{gap:64px}.contact{grid-template-columns:1fr;padding:80px 24px}.contact .button{grid-column:1}footer{grid-template-columns:1fr;align-items:start;padding:48px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}.featured-projects{max-width:1240px;margin:0 auto;padding:24px 0 128px}.featured-projects-heading{grid-template-columns:1fr 3fr auto;align-items:end;gap:40px;margin-bottom:56px;display:grid}.featured-projects-heading h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(38px,3.6vw,56px);font-weight:500;line-height:1}.featured-project-card,.project-index-card{display:block}.featured-project-media{aspect-ratio:16/9;background:#191411;overflow:hidden}.featured-project-media img,.project-index-media img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1)}.featured-project-card:hover .featured-project-media img,.project-index-card:hover .project-index-media img{transform:scale(1.025)}.featured-project-copy{border-bottom:1px solid #2b211a33;grid-template-columns:2fr 1.5fr auto;align-items:center;gap:32px;padding:28px 0;display:grid}.featured-project-copy span,.featured-project-services{color:#665a52;font-size:12px}.featured-project-copy h3{font-family:var(--font-display);letter-spacing:-.02em;margin:8px 0 5px;font-size:34px;font-weight:500;line-height:1}.featured-project-copy p{margin:0;font-size:14px}.project-arrow{border:1px solid #2b211a40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1);display:flex}.featured-project-card:hover .project-arrow,.project-index-card:hover .project-arrow{background:var(--espresso);color:var(--ivory)}.projects-index-hero{grid-template-columns:1fr 4fr 2fr;gap:36px;max-width:1240px;margin:0 auto;padding:104px 0 96px;display:grid}.projects-index-hero h1{margin:0;font-size:clamp(64px,7vw,104px)}.projects-index-hero>p:last-child{color:#665a52;align-self:end;margin:0;font-size:15px}.projects-index-list{gap:96px;max-width:1240px;margin:0 auto;padding-bottom:128px;display:grid}.project-index-media-kram img{filter:contrast(1.08)saturate(1.08);object-position:64% center}.concept-badge-kram{color:#111;background:#d9ff43}.kram-index-wordmark{color:#d9ff43;letter-spacing:-.08em;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(68px,11vw,164px);line-height:.8;position:absolute;top:10%;left:4%}.project-index-media{aspect-ratio:16/8.7;background:#191411;position:relative;overflow:hidden}.concept-badge{background:var(--ivory);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:7px 11px;font-size:11px;font-weight:600;position:absolute;bottom:24px;left:24px}.project-index-copy{border-bottom:1px solid #2b211a38;grid-template-columns:.7fr 2.3fr 1.5fr auto;align-items:center;gap:32px;padding:32px 0;display:grid}.project-index-number,.project-index-meta{color:#665a52;font-size:12px;line-height:1.7}.project-index-copy h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 5px;font-size:42px;font-weight:500;line-height:1}.project-index-copy p{margin:0;font-size:14px}.projects-index-cta{background:var(--sand);grid-template-columns:2.3fr 1.4fr auto;align-items:center;gap:36px;padding:88px max(64px,50vw - 620px);display:grid}.projects-index-cta h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(42px,4vw,60px);font-weight:500;line-height:1}.projects-index-cta p{color:#665a52;margin:0;font-size:14px}.case-study .site-header{background:var(--ivory);color:var(--espresso)}.case-study .site-header .brand img{filter:none}.case-hero{background:var(--ivory);color:var(--espresso);grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:1376px;min-height:560px;margin:0 auto;padding:38px 64px 72px;display:grid}.case-hero-copy{align-self:center;max-width:410px;padding:22px 0 0}.case-back{color:#665a52;align-items:center;gap:8px;margin-bottom:28px;font-size:12px;display:inline-flex}.case-hero .eyebrow{color:var(--terracotta)}.case-hero h1{margin:22px 0 12px;font-size:clamp(62px,5vw,82px);line-height:.86}.case-subtitle{color:#665a52;font-size:14px}.case-hero h2{font-family:var(--font-display);letter-spacing:-.02em;max-width:460px;margin:30px 0 20px;font-size:clamp(28px,2.25vw,38px);font-weight:500;line-height:1.02}.concept-note{color:#76695e;margin:22px 0 0;font-size:12px}.case-hero-description{color:#665a52;max-width:390px;font-size:14px;line-height:1.65}.case-hero-actions{align-items:center;gap:14px;margin-top:26px;display:flex}.case-secondary-link{align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.case-secondary-button{color:var(--espresso);border-color:#2b211a73}.case-secondary-button:hover{background:var(--espresso);color:var(--ivory)}.case-hero-device{background:linear-gradient(90deg,#0c100d2e,#0c100d05),url(https://images.unsplash.com/photo-1552566626-52f8b828add9?auto=format&fit=crop&w=1600&q=85) 50%/cover;align-self:center;min-height:480px;position:relative;overflow:hidden}.case-hero-device:after{content:"";pointer-events:none;z-index:1;border:1px solid #2b211a24;position:absolute;inset:18px}.device-laptop{z-index:2;width:280px;max-width:82%;position:absolute;top:23%;left:50%;transform:translate(-57%)}.device-laptop-screen{aspect-ratio:16/10;background:#090909;border:8px solid #171717;border-radius:15px 15px 5px 5px;position:relative;overflow:hidden;box-shadow:0 24px 42px #00000061}.device-laptop-screen iframe{pointer-events:none;height:900px;transform:scale(var(--preview-scale,.18));transform-origin:0 0;border:0;width:1440px;display:block;position:absolute;top:0;left:0}.device-laptop-base{background:linear-gradient(#8d8f8d,#343535 55%,#111);border-radius:2px 2px 13px 13px;width:110%;height:17px;margin-left:-5%;position:relative}.device-laptop-base:after{content:"";background:#2a2b2a;border-radius:0 0 5px 5px;width:16%;height:5px;position:absolute;top:0;left:42%}.device-phone{aspect-ratio:9/19;z-index:3;background:#080808;border:7px solid #111;border-radius:24px;width:82px;position:absolute;bottom:12%;right:6%;overflow:hidden;box-shadow:0 24px 40px #0000007a}.device-phone iframe{pointer-events:none;height:844px;transform:scale(var(--preview-scale,.17));transform-origin:0 0;border:0;width:390px;display:block;position:absolute;top:0;left:0}.device-phone-camera{z-index:4;background:#090909;border-radius:0 0 8px 8px;width:32%;height:12px;position:absolute;top:0;left:34%}.device-phone-home{z-index:4;background:#fffc;border-radius:999px;width:32%;height:3px;position:absolute;bottom:5px;left:34%}.case-hero-info{background:var(--ivory);border-left:1px solid #2b211a2e;align-self:center;min-height:480px;padding:34px 0 24px 34px}.case-hero-info h3{margin:0 0 22px;font-size:16px;font-weight:600}.case-hero-info dl{margin:0}.case-hero-info dl>div{border-bottom:1px solid #2b211a24;grid-template-columns:64px 1fr;gap:12px;padding:10px 0;display:grid}.case-hero-info dt{color:#76695e;font-size:12px}.case-hero-info dd{margin:0;font-size:12px;line-height:1.5}.case-hero-info dd a{border-bottom:1px solid #2b211a66;padding-bottom:2px}.case-hero-info blockquote{color:#d4b98c;font-family:var(--font-display);margin:54px 0 0;font-size:22px;font-style:italic;line-height:1.25;transform:rotate(-3deg)}.case-meta{background:#e9e1d5;grid-template-columns:repeat(6,1fr);padding:32px max(64px,50vw - 620px);display:grid}.case-meta>div,.case-meta>a{border-right:1px solid #2b211a29;flex-direction:column;gap:7px;min-height:58px;padding:0 22px;display:flex}.case-meta>:first-child{padding-left:0}.case-meta>:last-child{border-right:0}.case-meta span{color:#76695e;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:600}.case-meta strong{font-size:12px;font-weight:600;line-height:1.55}.case-context{background:var(--espresso);color:var(--ivory);grid-template-columns:1.4fr 1fr;gap:112px;padding:128px max(64px,50vw - 620px);display:grid}.case-context h2,.case-art-copy h2,.case-experience-heading h2,.case-journey h2,.case-result h2,.case-final-cta h2{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(42px,4vw,62px);font-weight:500;line-height:1}.case-context h2{margin:36px 0}.case-context-copy>p{color:#d2c8bf;max-width:690px}.case-objectives>.section-number{margin-bottom:26px}.case-objectives article{border-top:1px solid #f3efe733;grid-template-columns:40px 1fr;gap:18px;padding:24px 0;display:grid}.case-objectives article>span{color:var(--terracotta);letter-spacing:.12em;font-size:12px}.case-objectives h3{font-family:var(--font-display);margin:0 0 9px;font-size:25px;font-weight:500;line-height:1}.case-objectives p{color:#d2c8bf;margin:0;font-size:14px}.case-art-direction{background:var(--ivory);color:var(--espresso);grid-template-columns:1fr 1.15fr;gap:80px;padding:128px max(64px,50vw - 620px);display:grid}.case-art-copy h2{margin:40px 0 28px}.case-art-copy>p{color:#665a52;max-width:560px}.lunera-type{border-top:1px solid #2b211a2e;grid-template-columns:1.6fr 1fr 1fr;align-items:end;gap:28px;margin-top:56px;padding-top:32px;display:grid}.lunera-type img{filter:none;max-width:190px}.lunera-type div{flex-direction:column;display:flex}.lunera-type strong{font-family:var(--font-display);font-size:18px;font-weight:500}.lunera-type span{color:#76695e;font-size:12px}.palette{grid-template-columns:repeat(5,1fr);align-self:stretch;min-height:420px;display:grid}.palette div{color:#f1e8d8;flex-direction:column;justify-content:flex-end;padding:20px 14px;display:flex}.palette span{font-size:12px;font-weight:600}.palette small{opacity:.75;font-size:10px}.case-experience{background:var(--espresso);color:var(--ivory);padding:128px max(64px,50vw - 620px)}.case-experience-heading{grid-template-columns:1fr 3fr;gap:56px;margin-bottom:72px;display:grid}.case-experience-heading h2{max-width:800px;margin:0}.case-experience .section-number,.case-result .section-number{color:var(--terracotta)}.experience-grid{border-top:1px solid #f3efe733;grid-template-columns:repeat(4,1fr);margin-top:0;display:grid}.experience-grid article{border-right:1px solid #f3efe733;padding:28px 28px 0 0}.experience-grid article+article{padding-left:28px}.experience-grid article:last-child{border-right:0}.experience-grid span{color:var(--terracotta-deep);letter-spacing:.12em;font-size:11px}.experience-grid h3{font-family:var(--font-display);margin:14px 0 12px;font-size:26px;font-weight:500}.experience-grid p{color:#d2c8bf;margin:0;font-size:14px}.case-journey{background:var(--ivory);color:var(--espresso);grid-template-columns:1.25fr 2fr;gap:72px;padding:104px max(64px,50vw - 620px);display:grid}.case-journey .section-number.light{color:var(--terracotta-deep)}.case-journey h2{margin:36px 0 0}.journey-flow{grid-template-columns:repeat(5,1fr);align-self:center;display:grid}.journey-flow div{text-align:center;border-left:1px solid #2b211a47;flex-direction:column;align-items:center;gap:12px;min-height:128px;padding:8px 18px;display:flex;position:relative}.journey-flow span{letter-spacing:.12em;font-size:10px}.journey-flow strong{font-size:12px;font-weight:600}.journey-flow svg{z-index:2;position:absolute;top:56px;right:-9px}.case-result{background:var(--espresso);color:var(--ivory);grid-template-columns:1fr 1fr;gap:80px;padding:128px max(64px,50vw - 620px);display:grid}.case-result-copy{align-self:center}.case-result h2{margin:38px 0 28px;font-size:clamp(38px,3.2vw,52px)}.case-result-copy>p{color:#d2c8bf}.case-result ul{margin:40px 0 0;padding:0;list-style:none}.case-result li{border-top:1px solid #f3efe72e;align-items:center;gap:14px;padding:14px 0;font-size:14px;display:flex}.case-result li svg{color:var(--terracotta)}.case-result-media{background:#e9e1d5;max-height:760px;overflow:hidden}.case-result-media img{object-fit:cover;object-position:top;width:100%;height:100%}.case-final-cta{background:var(--ivory);color:var(--espresso);text-align:center;padding:112px max(64px,50vw - 450px)}.case-final-cta .eyebrow{justify-content:center}.case-final-cta h2{margin:40px auto 24px}.case-final-cta>p:not(.eyebrow){color:#665a52;max-width:620px;margin:0 auto}.case-final-cta>div{justify-content:center;gap:16px;margin-top:42px;display:flex}.case-final-cta .button-light{background:var(--espresso);color:var(--ivory)}.case-final-cta .button-light:hover{background:#48382e}.case-final-cta .button-outline-light{color:var(--espresso);border-color:#2b211a73}.case-final-cta .button-outline-light:hover{background:var(--espresso);color:var(--ivory)}.button-outline-light{color:#f1e8d8;border-color:#f1e8d88c}.button-outline-light:hover{color:#44262a;background:#f1e8d8}@media (max-width:1000px){.featured-projects,.projects-index-hero,.projects-index-list,.case-context,.case-experience,.case-result{margin-left:0;margin-right:0;padding-left:32px;padding-right:32px}.featured-projects-heading{grid-template-columns:1fr 3fr}.featured-projects-heading .text-link{grid-column:2}.projects-index-hero{grid-template-columns:1fr 3fr}.projects-index-hero>p:last-child{grid-column:2}.case-hero-copy{padding:32px 0}.case-meta{grid-template-columns:repeat(3,1fr);row-gap:28px}.case-meta>:nth-child(3){border-right:0}.case-context,.case-art-direction,.case-result{grid-template-columns:1fr;gap:64px}.palette{min-height:320px}.case-experience-heading{grid-template-columns:1fr}.experience-grid{grid-template-columns:1fr 1fr}.experience-grid article{border-bottom:1px solid #2b211a33;padding:28px}.case-journey{grid-template-columns:1fr}.projects-index-cta{grid-template-columns:1fr 1fr}.projects-index-cta .button{justify-self:start}}@media (max-width:680px){.featured-projects,.projects-index-hero,.projects-index-list,.case-context,.case-experience,.case-result{margin-left:0;margin-right:0;padding-left:24px;padding-right:24px}.featured-projects{padding:32px 0 96px}.featured-projects-heading{grid-template-columns:1fr}.featured-projects-heading .text-link{grid-column:1}.featured-project-media{aspect-ratio:4/5}.featured-project-copy{grid-template-columns:1fr auto;align-items:start}.featured-project-services{grid-column:1}.project-arrow{grid-area:1/2/3}.projects-index-hero{grid-template-columns:1fr;padding:72px 0 64px}.projects-index-hero>p:last-child{grid-column:1}.projects-index-hero h1{font-size:58px}.projects-index-list{padding-bottom:96px}.project-index-media{aspect-ratio:4/5}.project-index-copy{grid-template-columns:1fr auto;align-items:start}.project-index-number,.project-index-meta{grid-column:1}.project-index-copy .project-arrow{grid-area:1/2/4}.projects-index-cta{grid-template-columns:1fr;padding:72px 24px}.case-study .site-header{padding-left:24px;padding-right:24px}.case-hero{padding:48px 24px 64px}.case-back{margin-bottom:52px}.case-hero h1{font-size:72px}.case-hero h2{font-size:38px}.case-hero-actions{flex-direction:column;align-items:flex-start}.case-meta{grid-template-columns:1fr 1fr;padding:28px 24px}.case-meta>div,.case-meta>a{border-top:1px solid #2b211a24;border-right:0;padding:14px 0 0}.case-context,.case-experience,.case-result{padding-top:96px;padding-bottom:96px}.case-art-direction{padding:96px 24px}.lunera-type{grid-template-columns:1fr 1fr}.lunera-type img{grid-column:1/3}.palette{grid-template-columns:repeat(5,minmax(76px,1fr));min-height:300px;overflow-x:auto}.experience-grid{grid-template-columns:1fr}.experience-grid article,.experience-grid article+article{border-right:0;padding:24px 0}.case-journey{padding:88px 24px}.journey-flow{grid-template-columns:1fr}.journey-flow div{text-align:left;border-bottom:1px solid #2b211a40;border-left:0;align-items:start;min-height:auto;padding:18px 0}.journey-flow svg{inset:auto auto -9px 50%;transform:rotate(90deg)}.case-result-media{max-height:620px}.case-final-cta{padding:96px 24px}.case-final-cta>div{flex-direction:column;align-items:center}}@media (max-width:1100px){.case-hero{grid-template-columns:minmax(300px,.9fr) minmax(430px,1.25fr);padding-left:32px;padding-right:32px}.case-hero-copy{padding:48px 32px 40px 0}.case-hero-device{min-height:560px}.case-hero-info{border-top:1px solid #2b211a2e;border-left:0;grid-column:1/-1;grid-template-columns:160px 1fr 240px;gap:36px;padding:36px 32px;display:grid}.case-hero-info h3{margin:0}.case-hero-info dl{grid-template-columns:1fr 1fr;display:grid}.case-hero-info blockquote{align-self:center;margin:0}}@media (max-width:680px){.case-hero{grid-template-columns:1fr;padding:24px 0 64px}.case-hero-copy{max-width:none;padding:48px 24px 54px}.case-back{margin-bottom:42px}.case-hero h1{font-size:68px}.case-hero h2{font-size:34px}.case-hero-actions{align-items:stretch}.case-hero-actions .button{width:100%}.case-hero-device{min-height:450px}.device-laptop{width:280px;max-width:82%;top:16%;left:50%;transform:translate(-57%)}.device-phone{width:82px;bottom:7%;right:6%}.case-hero-info{grid-column:1;padding:48px 24px;display:block}.case-hero-info h3{margin-bottom:24px}.case-hero-info dl{display:block}.case-hero-info dl>div{grid-template-columns:86px 1fr}.case-hero-info blockquote{margin-top:46px}}.kram-case{--kram-lime:#d9ff43;--kram-ink:#111;--kram-cream:#f5f0e7;--kram-red:#ff4935;--kram-steel:#b9b9b4;background:var(--kram-cream);color:var(--kram-ink);font-family:"Space Grotesk", var(--font-body)}.kram-case .site-header{background:var(--ivory);color:var(--espresso);font-family:var(--font-body)}.kram-case-hero{background:var(--kram-cream);color:var(--kram-ink)}.kram-case-hero .eyebrow,.kram-label{color:var(--kram-red)}.kram-case-hero h1,.kram-case-hero h2,.kram-problem h2,.kram-branding h2,.kram-mobile-journey h2,.kram-result h2,.kram-final-cta h2{letter-spacing:-.055em;text-transform:uppercase;font-family:Archivo Black,Impact,sans-serif;font-weight:400}.kram-case-hero h1{letter-spacing:-.08em;font-size:clamp(72px,6.3vw,102px)}.kram-case-hero h2{font-size:clamp(32px,2.6vw,44px);line-height:.96}.kram-primary-button{background:var(--kram-lime);border-color:var(--kram-ink);color:var(--kram-ink)}.kram-primary-button:hover{background:var(--kram-ink);color:var(--kram-lime)}.kram-device-stage{background:linear-gradient(90deg,#0000000f,#0000002e),url(/projects/kram/hero.png) 64%/cover;align-self:center;min-height:480px;position:relative;overflow:hidden}.kram-device-stage:after{content:"";pointer-events:none;border:1px solid #d9ff4380;position:absolute;inset:18px}.kram-stage-sticker{background:var(--kram-red);color:var(--kram-ink);text-align:center;z-index:4;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-family:Archivo Black,Impact,sans-serif;font-size:12px;line-height:.92;display:flex;position:absolute;top:7%;right:8%;transform:rotate(8deg)}.kram-laptop{z-index:2;width:280px;position:absolute;top:26%;left:50%;transform:translate(-57%)}.kram-laptop-screen{aspect-ratio:16/10;background:#050505;border:8px solid #111;border-radius:14px 14px 4px 4px;position:relative;overflow:hidden;box-shadow:0 24px 44px #00000085}.kram-laptop-screen iframe{pointer-events:none;height:900px;transform:scale(var(--kram-preview-scale,.18));transform-origin:0 0;border:0;width:1440px;position:absolute;top:0;left:0}.kram-laptop-base{background:linear-gradient(#aaa,#282828 54%,#0a0a0a);border-radius:2px 2px 12px 12px;width:110%;height:17px;margin-left:-5%;position:relative}.kram-laptop-base:after{content:"";background:#222;border-radius:0 0 5px 5px;width:16%;height:5px;position:absolute;left:42%}.kram-phone{aspect-ratio:9/19;z-index:3;background:#050505;border:7px solid #111;border-radius:24px;width:82px;position:absolute;bottom:11%;right:6%;overflow:hidden;box-shadow:0 24px 44px #0000009e}.kram-phone iframe{pointer-events:none;height:844px;transform:scale(var(--kram-preview-scale,.17));transform-origin:0 0;border:0;width:390px;position:absolute;top:0;left:0}.kram-phone-camera{z-index:4;background:#080808;border-radius:0 0 8px 8px;width:32%;height:12px;position:absolute;top:0;left:34%}.kram-phone-home{background:var(--kram-lime);z-index:4;border-radius:999px;width:32%;height:3px;position:absolute;bottom:5px;left:34%}.kram-hero-info blockquote{color:var(--kram-red);letter-spacing:-.04em;text-transform:uppercase;font-family:Archivo Black,Impact,sans-serif;font-size:20px;font-style:normal}.kram-label{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.kram-problem{background:var(--kram-ink);color:var(--kram-cream);grid-template-columns:.9fr 1.5fr;gap:100px;padding:120px max(64px,50vw - 620px);display:grid}.kram-problem h2,.kram-branding h2,.kram-mobile-journey h2,.kram-result h2{font-size:clamp(42px,4vw,62px);line-height:.94}.kram-problem h2{margin:34px 0 26px}.kram-problem-copy>p,.kram-response>p{color:var(--kram-steel);max-width:620px}.kram-response>h2{color:var(--kram-lime)}.kram-axes{border-top:1px solid #f5f0e738;grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.kram-axes article{border-right:1px solid #f5f0e733;padding:28px 22px 0}.kram-axes article:first-child{padding-left:0}.kram-axes article:last-child{border-right:0}.kram-axes article>span{background:var(--kram-lime);color:var(--kram-ink);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.kram-axes h3{text-transform:uppercase;margin:22px 0 10px;font-family:Archivo Black,Impact,sans-serif;font-size:16px;font-weight:400}.kram-axes p{color:var(--kram-steel);margin:0;font-size:13px;line-height:1.55}.kram-branding{background:var(--kram-cream);grid-template-columns:1fr 1.1fr;gap:72px;padding:120px max(64px,50vw - 620px);display:grid}.kram-branding h2{margin:36px 0 26px}.kram-branding-copy>p{color:#51514c;max-width:600px}.kram-wordmark{letter-spacing:-.09em;margin-top:58px;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(76px,9vw,130px);line-height:.8}.kram-wordmark span{color:var(--kram-red);letter-spacing:0;vertical-align:top;font-family:Space Grotesk,sans-serif;font-size:14px}.kram-type-specimen{border-top:1px solid #1113;border-bottom:1px solid #1113;align-items:baseline;gap:32px;margin:34px 0 26px;padding:22px 0;display:flex}.kram-type-specimen strong{font-family:Archivo Black,Impact,sans-serif;font-size:19px}.kram-type-specimen span{color:#51514c;font-size:17px}.kram-palette{grid-template-columns:repeat(5,1fr);min-height:116px;display:grid}.kram-palette div{flex-direction:column;justify-content:flex-end;padding:12px 9px;display:flex}.kram-palette b{font-size:10px}.kram-palette small{opacity:.72;font-size:9px}.kram-branding-media{grid-template-columns:1.35fr .65fr;gap:14px;min-height:650px;display:grid}.kram-brand-photo{margin:0;position:relative;overflow:hidden}.kram-brand-photo img{object-fit:cover;width:100%;height:100%}.kram-brand-photo-main img{object-position:48% center}.kram-brand-photo-detail img{object-position:66% center}.kram-brand-photo figcaption{background:var(--kram-lime);color:var(--kram-ink);padding:8px 10px;font-family:Archivo Black,Impact,sans-serif;font-size:11px;position:absolute;bottom:16px;left:16px;transform:rotate(-2deg)}.kram-mobile-journey{background:var(--kram-ink);color:var(--kram-cream);padding:120px max(64px,50vw - 620px)}.kram-mobile-heading{grid-template-columns:.8fr 2fr 1fr;gap:34px;margin-bottom:72px;display:grid}.kram-mobile-heading h2{color:var(--kram-lime);margin:0}.kram-mobile-heading>p{color:var(--kram-steel);align-self:end;margin:0;font-size:14px}.kram-phone-flow{grid-template-columns:repeat(4,1fr);gap:34px;display:grid}.kram-phone-flow article{flex-direction:column;align-items:center;display:flex;position:relative}.kram-flow-phone{aspect-ratio:9/18.5;background:#050505;border:7px solid #242424;border-radius:28px;flex-direction:column;justify-content:space-between;width:100%;max-width:196px;padding:30px 15px 16px;display:flex;overflow:hidden}.kram-flow-logo{color:var(--kram-lime);font-family:Archivo Black,Impact,sans-serif;font-size:14px}.kram-flow-phone>strong{letter-spacing:-.07em;text-transform:uppercase;flex-direction:column;font-family:Archivo Black,Impact,sans-serif;font-size:34px;line-height:.82;display:flex}.kram-flow-phone>strong span:last-child{color:var(--kram-lime)}.kram-flow-cta{background:var(--kram-lime);color:var(--kram-ink);text-align:center;padding:10px;font-family:Archivo Black,Impact,sans-serif;font-size:9px}.kram-phone-flow article>p{flex-direction:column;width:min(100%,196px);margin:20px 0 0;font-size:12px;display:flex}.kram-phone-flow article>p b{text-transform:uppercase}.kram-phone-flow article>p span{color:var(--kram-steel)}.kram-flow-arrow{color:var(--kram-lime);position:absolute;top:42%;right:-28px}.kram-result{background:var(--kram-cream);grid-template-columns:.9fr 1.1fr;gap:76px;padding:120px max(64px,50vw - 620px);display:grid}.kram-result-copy{align-self:center}.kram-result h2{margin:34px 0 28px}.kram-result-copy>p{color:#51514c}.kram-result ul{margin:36px 0 0;padding:0;list-style:none}.kram-result li{border-top:1px solid #1113;align-items:center;gap:12px;padding:14px 0;font-size:14px;display:flex}.kram-result li svg{color:var(--kram-red)}.kram-result-media{min-height:600px;margin:0;position:relative;overflow:hidden}.kram-result-media img{object-fit:cover;width:100%;height:100%}.kram-result-media figcaption{background:var(--kram-lime);padding:9px 11px;font-family:Archivo Black,Impact,sans-serif;font-size:11px;position:absolute;bottom:20px;left:20px}.kram-final-cta{background:var(--kram-lime);color:var(--kram-ink);text-align:center;padding:108px max(64px,50vw - 480px)}.kram-final-cta>p:first-child{letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}.kram-final-cta h2{margin:32px auto 24px;font-size:clamp(46px,6vw,82px);line-height:.9}.kram-final-cta>p:not(:first-child){font-size:18px}.kram-final-cta>div{justify-content:center;gap:14px;margin-top:38px;display:flex}.kram-dark-button{background:var(--kram-ink);color:var(--kram-lime)}.kram-dark-button:hover{background:#2b2b2b}.kram-outline-button{border-color:var(--kram-ink);color:var(--kram-ink)}.kram-outline-button:hover{background:var(--kram-ink);color:var(--kram-lime)}@media (max-width:1100px){.kram-problem,.kram-branding,.kram-result{grid-template-columns:1fr;gap:60px}.kram-branding-media{min-height:520px}.kram-mobile-heading{grid-template-columns:1fr 2fr}.kram-mobile-heading>p{grid-column:2}.kram-flow-phone{max-width:170px}}@media (max-width:760px){.kram-problem,.kram-branding,.kram-mobile-journey,.kram-result{padding:88px 24px}.kram-case-hero h1{font-size:76px}.kram-case-hero h2{font-size:36px}.kram-device-stage{min-height:450px}.kram-laptop{width:270px;top:22%}.kram-phone{bottom:8%}.kram-problem{gap:72px}.kram-axes{grid-template-columns:1fr 1fr}.kram-axes article{border-bottom:1px solid #f5f0e733;padding:24px 16px}.kram-axes article:nth-child(odd){padding-left:0}.kram-axes article:nth-child(2n){border-right:0}.kram-branding-media{grid-template-columns:1fr;min-height:auto}.kram-brand-photo{min-height:420px}.kram-brand-photo-detail{min-height:280px}.kram-palette{grid-template-columns:repeat(5,minmax(84px,1fr));overflow-x:auto}.kram-mobile-heading{grid-template-columns:1fr}.kram-mobile-heading>p{grid-column:1}.kram-phone-flow{grid-template-columns:1fr 1fr;row-gap:56px}.kram-flow-arrow{display:none}.kram-result-media{min-height:460px}.kram-final-cta{padding:88px 24px}.kram-final-cta>div{flex-direction:column;align-items:stretch}}@media (max-width:460px){.kram-axes{grid-template-columns:1fr}.kram-axes article{border-right:0;padding-left:0}.kram-phone-flow{gap:26px 16px}.kram-flow-phone{border-width:5px;border-radius:22px;padding:24px 11px 12px}.kram-flow-phone>strong{font-size:27px}.kram-wordmark{font-size:82px}.kram-type-specimen{flex-direction:column;align-items:flex-start;gap:5px}}