@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{--brown:#35271c;--cream:#f1dbb3;--paper:#f1ece8;--ink:#171411;--line:#17141138;--sans:"Aktiv Grotesk", "Helvetica Neue", Arial, sans-serif;--serif:"Iowan Old Style", "Baskerville", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}a{color:inherit;text-decoration:none}img{width:100%;display:block}.shell{width:min(100% - 64px,1440px);margin-inline:auto}.hero{z-index:0;background:var(--brown);min-height:100svh;color:var(--cream);flex-direction:column;display:flex;position:sticky;top:0}.contentFlow{z-index:1;background:var(--paper);position:relative;box-shadow:0 -24px 70px #100b0729}.ticker{border-block:1px solid var(--brown);color:var(--brown);background:#cf9b75;overflow:hidden}.tickerTrack{letter-spacing:.12em;align-items:center;gap:28px;width:max-content;padding:15px 0;font-size:.72rem;font-weight:700;animation:24s linear infinite tickerMove;display:flex}.tickerTrack i{font-size:.85rem;font-style:normal}@keyframes tickerMove{to{transform:translate(-50%)}}.nav{border-bottom:1px solid #f1dbb347;justify-content:space-between;align-items:center;min-height:86px;display:flex}.wordmark{align-items:center;width:94px;display:inline-flex}.wordmark img{width:100%;height:auto}.navLinks{text-transform:uppercase;gap:42px;font-size:.77rem;display:flex}.navLinks a{transition:opacity .2s}.navLinks a:hover{opacity:.65}.navLinks sup{margin-left:4px;font-size:.55rem}.heroGrid{flex:1;grid-template-columns:minmax(190px,.6fr) 2.4fr;align-items:center;padding-block:70px;display:grid;position:relative;overflow:hidden}.heroMeta{text-transform:uppercase;align-self:start;margin-top:40px;font-size:.73rem;line-height:1.5}.heroMeta p{margin:0}.eyebrow,.sectionLabel{letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px;font-size:.72rem;font-weight:600}.heroCopy h1{max-width:1050px;font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(3.7rem,7.5vw,8.5rem);font-weight:400;line-height:.9}.heroDek{max-width:610px;margin:34px 0 0;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.45}.heroCopy>*{animation:.9s cubic-bezier(.16,1,.3,1) both heroRise}.heroCopy h1{animation-delay:80ms}.heroCopy .heroCta{animation-delay:.18s}.heroCopy em,.intro em{font-weight:400}.heroCta{text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:12px;margin-top:50px;padding-bottom:8px;font-size:.8rem;display:inline-flex}.heroCta svg{width:18px}.heroFooter{text-transform:uppercase;justify-content:space-between;align-items:end;padding-block:0 26px;font-size:.74rem;display:flex}.heroFooter p{max-width:320px;margin:0}.heroFooter span{opacity:.55}.heroArtifacts{pointer-events:none;position:absolute;inset:0}.heroStamp{aspect-ratio:1;border:2px solid var(--cream);letter-spacing:.12em;text-align:center;border-radius:50%;place-items:center;width:148px;font-size:.66rem;font-weight:700;line-height:1.45;animation:.9s cubic-bezier(.16,1,.3,1) .35s both heroRise;display:grid;position:absolute;top:9%;right:2%;transform:rotate(11deg)}.heroNote{font-family:var(--serif);font-size:2rem;font-style:italic;line-height:.92;position:absolute;bottom:17%;right:7%;transform:rotate(-8deg)}.heroNote svg{vertical-align:baseline;width:.8em;height:.8em;display:inline}.heroChip{letter-spacing:.12em;background:#f1dbb314;border:1px solid #f1dbb380;padding:10px 14px;font-size:.6rem;position:absolute;bottom:8%;left:19%;transform:rotate(-2deg)}.intro{background:var(--cream);width:100%;max-width:none;padding:clamp(80px,10vw,145px) max(32px,50vw - 720px) clamp(105px,12vw,180px)}.introTop{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.introTop .sectionLabel{margin:0}.introTop>span{letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.introComposition{grid-template-columns:minmax(0,2.15fr) minmax(240px,.85fr);align-items:end;gap:clamp(44px,8vw,120px);padding-block:clamp(65px,9vw,130px);display:grid;position:relative}.intro h2{font-family:var(--serif);letter-spacing:-.052em;margin:0;font-size:clamp(3rem,5.9vw,7rem);font-weight:400;line-height:.92}.intro h2 em{color:var(--brown);display:inline}.introAside{align-self:end}.introArrow{border:1px solid var(--line);background:var(--brown);width:64px;height:64px;color:var(--cream);border-radius:50%;place-items:center;margin-bottom:34px;display:grid}.introArrow svg{width:24px}.introAside p{margin:0;line-height:1.55}.introSticker{aspect-ratio:1;width:105px;font-family:var(--serif);box-shadow:8px 10px 0 var(--brown);background:#cf9b75;border-radius:50%;place-items:center;font-size:2.4rem;display:grid;position:absolute;top:12%;right:18%;transform:rotate(13deg)}.clientStrip{border-block:1px solid var(--line);grid-template-columns:1.25fr repeat(4,1fr);align-items:center;display:grid}.clientStrip>*{border-right:1px solid var(--line);align-items:center;min-height:92px;padding:18px;display:flex}.clientStrip>:last-child{border-right:0}.clientStrip span{letter-spacing:.08em;text-transform:uppercase;font-size:.67rem}.clientStrip strong{font-family:var(--serif);font-size:clamp(1rem,1.6vw,1.45rem);font-weight:400}.services{background:var(--brown);color:var(--cream);padding-block:clamp(100px,12vw,175px)}.sectionHead{grid-template-columns:1fr 2fr;align-items:end;padding-bottom:clamp(70px,9vw,130px);display:grid}.sectionHead .sectionLabel{margin:0}.sectionHead h2{max-width:800px;font-family:var(--serif);letter-spacing:-.05em;margin:0;font-size:clamp(3.2rem,5.8vw,7rem);font-weight:400;line-height:.88}.sectionHead h2 em{font-weight:400}.serviceGrid{perspective:1200px;gap:5px;display:grid}.serviceCard{min-height:min(420px,100svh - 96px);color:var(--brown);grid-template-rows:auto 1fr;grid-template-columns:1.35fr .65fr;padding:clamp(24px,3vw,40px);display:grid;position:sticky;top:24px;box-shadow:0 -14px 38px #0f0a0729}.serviceCard:first-child{z-index:1;background:var(--cream);transform:rotate(-.45deg)}.serviceCard:nth-child(2){z-index:2;background:#bca387;top:40px;transform:rotate(.65deg)}.serviceCard:nth-child(3){z-index:3;background:var(--paper);top:56px;transform:rotate(-.6deg)}.serviceCard:nth-child(4){z-index:4;background:#cf9b75;top:72px;transform:rotate(.5deg)}.serviceCard:before{content:"TANO / WORK FILE";writing-mode:vertical-rl;letter-spacing:.18em;opacity:.45;font-size:.58rem;position:absolute;top:48%;right:28px}.serviceCard:after{content:"+";font-family:var(--serif);opacity:.28;font-size:2.2rem;position:absolute;top:24px;left:50%}.serviceTop{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #35271c4d;grid-column:1/-1;justify-content:space-between;padding-bottom:22px;font-size:.7rem;display:flex}.serviceTop svg{width:22px}.serviceCard h3{max-width:780px;font-family:var(--serif);letter-spacing:-.06em;align-self:end;margin:0;font-size:clamp(3rem,5vw,5.7rem);font-weight:400;line-height:.86}.serviceDetail{align-self:end}.serviceDetail>p{max-width:450px;margin:0 0 42px;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5}.serviceTags{flex-wrap:wrap;gap:8px;display:flex}.serviceTags span{letter-spacing:.05em;text-transform:uppercase;border:1px solid #35271c59;border-radius:999px;padding:9px 13px;font-size:.66rem}.workbench{color:var(--paper);background:#171411;padding-block:clamp(110px,14vw,200px);position:relative;overflow:hidden}.workbench:before{content:"";opacity:.13;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.workbenchHead{z-index:1;grid-template-columns:.65fr 1.7fr .65fr;align-items:end;gap:42px;display:grid;position:relative}.workbenchHead .sectionLabel{align-self:start}.workbenchHead h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(3.5rem,6.5vw,7.5rem);font-weight:400;line-height:.86}.workbenchHead h2 em{color:#cf9b75;font-weight:400}.workbenchHead>p:last-child{margin:0;line-height:1.55}.workbenchCanvas{z-index:1;min-height:760px;margin-top:95px;position:relative}.workbenchCanvas article{position:absolute;box-shadow:0 28px 70px #00000052}.deskNote{color:var(--brown);flex-direction:column;justify-content:space-between;padding:30px;display:flex}.deskNote span,.deskMetric span,.deskAdTop{letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.deskNote strong{max-width:420px;font-family:var(--serif);font-size:clamp(2rem,3vw,3.5rem);font-weight:400;line-height:1}.deskNote small{text-transform:uppercase;font-size:.7rem}.deskNote--brief{z-index:2;background:var(--cream);width:44%;height:430px;top:0;left:2%;transform:rotate(-2deg)}.deskAd{z-index:3;width:43%;min-height:490px;color:var(--brown);background:#cf9b75;flex-direction:column;padding:30px;display:flex;top:90px;right:4%;transform:rotate(2.2deg)}.deskAdTop{border-bottom:1px solid #35271c59;justify-content:space-between;padding-bottom:18px;display:flex}.deskAdTop svg{width:18px;height:18px}.deskAd p{max-width:390px;margin:60px 0 0 auto;font-size:1.05rem;line-height:1.45}.deskAd>strong{letter-spacing:-.06em;margin-top:auto;font-size:clamp(3rem,6vw,6.4rem);line-height:.8}.deskMetric{z-index:4;background:var(--paper);width:31%;min-height:300px;color:var(--brown);padding:28px;bottom:5px;left:32%;transform:rotate(-4deg)}.deskMetric strong{font-family:var(--serif);margin-top:30px;font-size:clamp(5rem,9vw,9rem);font-weight:400;line-height:.75;display:block}.deskMetric p{margin:28px 0 0;line-height:1.35}.deskNote--funnel{z-index:1;background:#9d8a72;width:35%;height:300px;padding-top:120px;bottom:-10px;right:2%;transform:rotate(4deg)}.deskNote--funnel strong{font-family:var(--sans);font-size:clamp(1rem,1.6vw,1.5rem);font-weight:700}.deskScribble{z-index:5;color:#cf9b75;font-family:var(--serif);font-size:2.3rem;font-style:italic;line-height:.9;position:absolute;bottom:60px;left:8%;transform:rotate(-8deg)}.process{padding-block:clamp(100px,12vw,170px);position:relative;overflow:visible}.processHead{padding-bottom:clamp(60px,8vw,100px)}.processHead h2 em{font-weight:400}.processGrid{border:0;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.processGrid article{border-right:1px solid var(--line);border:1px solid var(--line);background:var(--paper);flex-direction:column;min-height:330px;padding:28px;display:flex;position:relative;box-shadow:10px 12px #35271c1f}.processGrid article:first-child{transform:translateY(28px)rotate(-1.4deg)}.processGrid article:nth-child(2){background:var(--cream);transform:translateY(-10px)rotate(1deg)}.processGrid article:nth-child(3){background:#bca387;transform:translateY(20px)rotate(-.8deg)}.processGrid article:last-child{border-right:1px solid var(--line);background:var(--brown);color:var(--cream);transform:translateY(-18px)rotate(1.2deg)}.processGrid span{opacity:.6;font-size:.68rem}.processGrid h3{font-family:var(--serif);margin:auto 0 18px;font-size:clamp(1.8rem,2.5vw,2.8rem);font-weight:400}.processGrid p{margin:0;line-height:1.5}.processScribble{color:#a36947;width:fit-content;font-family:var(--serif);margin:80px 4% 0 auto;font-size:clamp(1.7rem,3vw,3rem);font-style:italic;transform:rotate(-4deg)}.processScribble svg{vertical-align:middle;width:.8em;height:.8em;display:inline}.founder{background:var(--cream);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(900px,92svh);display:grid}.founderVisual{background:#dfc596;min-height:720px;position:relative;overflow:hidden}.founderVisual img{object-fit:cover;height:100%}.founderPhotoTag{background:var(--cream);color:var(--brown);letter-spacing:.11em;padding:16px 18px;font-size:.62rem;font-weight:700;line-height:1.45;position:absolute;bottom:28px;left:28px;transform:rotate(-3deg);box-shadow:7px 8px #cf9b75}.founderCopy{flex-direction:column;justify-content:center;padding:clamp(64px,9vw,140px);display:flex}.founderCopy h2{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(3.3rem,6vw,7rem);font-weight:400;line-height:.88}.founderCopy h2 em{font-weight:400}.founderBody{border-top:1px solid #35271c47;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:clamp(52px,7vw,96px);padding-top:24px;display:grid}.founderBody p{margin:0;line-height:1.55}.founderLink{letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid;align-items:center;gap:10px;width:fit-content;margin-top:48px;padding-bottom:7px;font-size:.72rem;display:inline-flex}.founderLink svg{width:17px;transition:transform .25s}.founderLink:hover svg{transform:translate(4px,-4px)}.work{background:#d8c8b3;width:100%;max-width:none;padding:140px max(32px,50vw - 720px)}.workHead{margin-bottom:36px}.workGrid{background:0 0;border:0;grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.workCard{min-height:480px;color:inherit;text-align:left;cursor:pointer;border:0;flex-direction:column;justify-content:space-between;padding:28px;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s;display:flex;position:relative;overflow:hidden}.workCard:after{content:"";opacity:0;background:radial-gradient(circle at 80% 15%,#ffffff40,#0000 40%);transition:opacity .45s;position:absolute;inset:0}.workCard:first-child{transform:rotate(-1deg)}.workCard:nth-child(2){transform:translateY(45px)rotate(1.3deg)}.workCard:nth-child(3){transform:translateY(-18px)rotate(.7deg)}.workCard:nth-child(4){transform:translateY(32px)rotate(-1.2deg)}.workCard:hover{z-index:5;transform:scale(1.015)rotate(0)}.workCard:hover:after{opacity:1}.workCard--brown{background:var(--brown);color:var(--cream)}.workCard--cream{background:var(--cream);color:var(--brown)}.workCard--dark{color:#f3eee7;background:#151310}.workCard--sand{color:#241a13;background:#bba58a}.workIndex,.workCategory{z-index:1;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;position:relative}.workCard h3{z-index:1;font-family:var(--serif);letter-spacing:-.05em;margin:10px 0 16px;font-size:clamp(3rem,5vw,5.6rem);font-weight:400;line-height:.9;position:relative}.workCard p{z-index:1;max-width:480px;margin:0;line-height:1.45;position:relative}.workResult{z-index:1;font-family:var(--serif);border-top:1px solid;margin-top:30px;padding-top:18px;font-size:clamp(1.4rem,2.2vw,2.2rem);font-weight:400;display:block;position:relative}.workCard svg{width:24px;height:24px;transition:transform .35s;position:absolute;top:28px;right:28px}.workCard:hover svg{transform:translate(5px,-5px)}.caseModal{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0b0899;justify-content:flex-end;animation:.3s both fadeIn;display:flex;position:fixed;inset:0}.casePanel{background:var(--paper);width:min(720px,100%);height:100%;padding:34px clamp(24px,5vw,72px) 56px;animation:.55s cubic-bezier(.16,1,.3,1) both slideIn;overflow-y:auto}.caseClose{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:auto;transition:transform .3s,background .3s;display:grid}.caseClose:hover{background:var(--cream);transform:rotate(8deg)}.caseClose svg{width:20px}.casePanelTop{border-bottom:1px solid var(--line);text-transform:uppercase;justify-content:space-between;margin-top:70px;padding-bottom:18px;font-size:.72rem;display:flex}.casePanel h2{font-family:var(--serif);letter-spacing:-.06em;margin:38px 0 26px;font-size:clamp(4rem,8vw,7rem);font-weight:400;line-height:.85}.caseLead{max-width:550px;font-family:var(--serif);font-size:1.8rem;line-height:1.15}.caseDetail{max-width:550px;margin:34px 0;font-size:1rem;line-height:1.6}.caseServices{flex-wrap:wrap;gap:8px;display:flex}.caseServices span{border:1px solid var(--line);text-transform:uppercase;border-radius:999px;padding:9px 13px;font-size:.7rem}.caseResult{border-block:1px solid var(--line);margin-top:64px;padding-block:24px}.caseResult span{text-transform:uppercase;margin-bottom:12px;font-size:.7rem;display:block}.caseResult strong{font-family:var(--serif);font-size:clamp(2rem,4vw,3.6rem);font-weight:400;line-height:1}.caseResult p{max-width:520px;margin:18px 0 0;line-height:1.5}.casePanel small{opacity:.55;margin-top:18px;display:block}@keyframes fadeIn{0%{opacity:0}}@keyframes slideIn{0%{transform:translate(100%)}}.contact{background:var(--cream);position:relative;overflow:hidden}.contact:before{content:"HABLEMOS · HABLEMOS · HABLEMOS";color:#35271c12;font-family:var(--serif);white-space:nowrap;font-size:clamp(5rem,12vw,14rem);position:absolute;bottom:-2vw;left:-2vw;transform:rotate(-4deg)}.contactInner{grid-template-columns:1.2fr .8fr;gap:clamp(50px,9vw,140px);padding-block:clamp(100px,13vw,180px);display:grid}.contactInner h2{max-width:1100px;font-family:var(--serif);letter-spacing:-.05em;margin:0 0 60px;font-size:clamp(3.2rem,7vw,8rem);font-weight:400;line-height:.92}.contactCopy>p:last-of-type{max-width:430px;font-size:1.05rem;line-height:1.5}.contactCopy{z-index:1;position:relative}.contactSticker{aspect-ratio:1;letter-spacing:.1em;width:125px;box-shadow:7px 8px 0 var(--brown);background:#cf9b75;border-radius:50%;place-items:center;font-size:.65rem;font-weight:700;display:grid;position:absolute;bottom:-35px;right:5%;transform:rotate(9deg)}.contactSticker svg{width:17px;height:17px;margin-top:-28px}.contactWhatsapp{background:#f1ece86b;border:1px solid #35271c4d;align-self:end;padding:clamp(28px,4vw,50px)}.contactWhatsappTop{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #35271c4d;justify-content:space-between;align-items:center;padding-bottom:22px;font-size:.7rem;display:flex}.contactWhatsappTop svg{width:24px;height:24px}.contactWhatsapp>p{font-family:var(--serif);letter-spacing:-.025em;margin:clamp(55px,7vw,90px) 0 38px;font-size:clamp(1.7rem,2.6vw,2.8rem);line-height:1.05}.formButton{background:var(--brown);width:fit-content;height:54px;color:var(--cream);text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:10px;padding:0 24px;font-size:.72rem;display:inline-flex}.formButton:hover{background:#1f1711}.contactWhatsapp small{opacity:.55;margin-top:18px;font-size:.68rem;display:block}.footer{grid-template-columns:1fr 1fr auto;align-items:end;min-height:260px;padding-block:50px;display:grid}.footer p,.footer a{text-transform:uppercase;margin:0;font-size:.75rem}.floatingWhatsapp{z-index:40;background:var(--brown);min-height:52px;color:var(--cream);letter-spacing:.08em;text-transform:uppercase;border:1px solid #f1dbb373;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:.7rem;transition:transform .25s,background .25s;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 38px #0f0a0747}.floatingWhatsapp:hover{background:#201710;transform:translateY(-4px)}.floatingWhatsapp svg{width:18px}@media (max-width:760px){.shell{width:min(100% - 32px,1440px)}.nav{min-height:72px}.nav .wordmark{width:72px}.navLinks{gap:10px;font-size:.64rem}.navLinks sup{margin-left:2px;font-size:.48rem}.heroGrid{grid-template-columns:1fr;align-content:center}.heroMeta{display:none}.heroCopy h1{font-size:clamp(3.5rem,16vw,5.4rem)}.heroStamp{opacity:.8;width:92px;font-size:.48rem;top:5%;right:-18px}.heroNote{font-size:1.25rem;bottom:11%;right:0}.heroChip{bottom:3%;left:0}.heroFooter span{display:none}.intro{padding-inline:16px}.introComposition{grid-template-columns:1fr;padding-block:62px}.introAside{grid-template-columns:auto 1fr;align-items:start;gap:20px;display:grid}.introArrow{width:50px;height:50px;margin:0}.introSticker{width:72px;box-shadow:5px 6px 0 var(--brown);font-size:1.7rem;top:-8px;right:-4px}.clientStrip{grid-template-columns:1fr 1fr}.clientStrip>*{border-bottom:1px solid var(--line);min-height:72px}.clientStrip>:nth-child(2n){border-right:0}.clientStrip>:last-child{border-bottom:0;border-right:1px solid var(--line)}.sectionHead{grid-template-columns:1fr;gap:26px}.serviceCard{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-height:430px;padding:24px;position:relative;top:auto!important;transform:rotate(0)!important}.serviceCard h3{align-self:center}.serviceDetail{align-self:end}.workbenchHead{grid-template-columns:1fr}.workbenchHead>p:last-child{max-width:420px}.workbenchCanvas{min-height:940px;margin-top:60px}.deskNote--brief{width:88%;height:350px;left:0}.deskAd{width:88%;min-height:410px;top:280px;right:0}.deskAd p{margin-top:34px}.deskMetric{width:56%;min-height:270px;bottom:4px;left:2%}.deskNote--funnel{width:58%;height:260px;padding:100px 22px 22px;bottom:20px;right:-4%}.deskScribble{display:none}.processGrid{grid-template-columns:1fr}.processGrid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:230px;transform:rotate(0)translateY(0)!important}.processGrid article:nth-child(2n){margin-left:22px}.processGrid article:nth-child(odd){margin-right:22px}.processScribble{margin-top:45px}.founder{grid-template-columns:1fr}.founderVisual{aspect-ratio:4/5;min-height:0}.founderCopy{padding:72px 16px 86px}.founderBody,.workGrid{grid-template-columns:1fr}.workCard{min-height:390px;transform:rotate(0)translateY(0)!important}.contactInner{grid-template-columns:1fr}.contactInner h2{margin-bottom:30px}.contactSticker{width:92px;margin:38px 0 0 auto;position:relative;bottom:auto;right:auto}.footer{grid-template-columns:1fr auto;min-height:220px}.footer p{display:none}.floatingWhatsapp{min-height:48px;padding:0 16px;bottom:14px;right:14px}}.reveal{opacity:0;transition:opacity .8s,transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(50px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.imageReveal{clip-path:inset(7% 0);transition:opacity .9s,transform 1.1s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1)}.imageReveal.is-visible{clip-path:inset(0)}@keyframes heroRise{0%{opacity:0;transform:translateY(35px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;clip-path:none;transform:none}}