@font-face{font-family:Big Shoulders Display;src:url(/fonts/samples/big-shoulders-display-latin-wght-normal.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/samples/ibm-plex-mono-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/samples/ibm-plex-mono-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@property --dft{syntax:"<integer>";inherits:true;initial-value:0}body:has(.sp-slash-pine){background:#d9c7a3}.sp-slash-pine{--kraft:#d9c7a3;--paper:#efe6d2;--ink:#1d1b16;--ink-2:#453e30;--orange:#f26a1b;--print:#f8f3e7;--pad:1.25rem;--sp:clamp(4rem, 8vw, 6.5rem);--f1:minmax(0, 1fr);--disp:"Big Shoulders Display", Impact, "Arial Narrow", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--rule:2px solid var(--ink);background:var(--kraft) linear-gradient(#1d1b160f 1px, transparent 1px) 0 0 / 100% 1.5rem;color:var(--ink);font-family:var(--mono);overflow-wrap:break-word;font-size:1rem;line-height:1.55;position:relative;& :focus-visible{outline:3px solid var(--ink);outline-offset:3px}& h1,& h2,& h3{font-family:var(--disp);text-transform:uppercase;font-weight:800}& a{color:inherit}& p,& dd{text-wrap:pretty}& h2,& h3{text-wrap:balance}& .p-slot{white-space:nowrap;border-bottom:2px dashed;font-weight:600}& .p-top,& .p-head,& .p-svc,& .p-card-in,& .p-notes,& .p-block,& .p-contact,& .p-f2{grid-template-columns:var(--f1);display:grid}& .p-top{padding:.375rem max(var(--pad), calc(50% - 44rem + var(--pad))) .625rem;background:var(--kraft);border-bottom:var(--rule);align-items:center;gap:0 1.25rem}& .p-brand{min-height:2.75rem;font:800 1.75rem/1 var(--disp);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}& .p-logo{flex:none}& .p-lic{font-size:.875rem;line-height:1.4}& .p-nav{display:none}& .p-btn{background:var(--orange);min-height:3.25rem;color:var(--ink);border:var(--rule);font:800 1.375rem/1 var(--disp);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1.25rem;text-decoration:none;display:inline-flex}& .p-btn--sm{display:none}& .p-btn--line{background:0 0}& .p-dim{--ft:24;--in:6;--dft:var(--ft);--under:var(--kraft);justify-items:center;display:grid}& .p-dim--b{--ft:32;--in:0}& .p-dim--c{--ft:46;--in:8}& .p-dim--d{--ft:12;--in:4;--under:var(--paper)}& .p-dim-line{--l:linear-gradient(var(--ink), var(--ink));--t:linear-gradient(135deg, transparent 42%, var(--orange) 42% 58%, transparent 58%);background:var(--l) 0 50% / 100% 1.5px no-repeat, var(--l) 0 0 / 1.5px 100% no-repeat, var(--l) 100% 0 / 1.5px 100% no-repeat, var(--t) 0 50% / 1.25rem 1.25rem no-repeat, var(--t) 100% 50% / 1.25rem 1.25rem no-repeat;place-items:center;width:100%;height:1.5rem;display:grid}& .p-dim-v{background:var(--under);font:600 .875rem/1.5 var(--mono);padding-inline:.625rem}& .p-dim-v:before{counter-reset:f var(--dft) i var(--in);content:counter(f) "'-" counter(i) "\""}& .p-lead{max-width:88rem;padding-inline:var(--pad);margin-inline:auto;position:relative}& .p-hero{--h1:23vw;padding-top:1.5rem;position:relative}&[data-lang=es] .p-hero{--h1:23.6vw}& .p-kicker{margin-bottom:.75rem;font-weight:600;line-height:1.4}& h1{font-size:var(--h1);letter-spacing:-.005em;margin-top:.75rem;font-weight:900;line-height:.84}& h1 span{display:block}& .p-intro{max-width:34rem;margin-top:1.5rem;font-size:1.0625rem}& .p-cta{flex-wrap:wrap;gap:.625rem;margin-top:1.5rem;display:flex}& .p-cta .p-btn{flex:13rem}& .p-stamp{border:3px solid var(--orange);outline:1.5px solid var(--orange);outline-offset:2px;font:800 1.5rem/1.05 var(--disp);text-transform:uppercase;margin-top:1.75rem;padding:.375rem .875rem .5rem;display:inline-grid;position:relative;transform:rotate(-4deg)}& .p-stamp--form{z-index:2;background:var(--paper);margin:0;font-size:1.25rem;position:absolute;top:-1.5rem;right:.75rem;transform:rotate(4deg)}& .p-pin{--r:-1.4deg;background:var(--print);transform:rotate(var(--r));padding:.5rem .5rem 0;position:relative;box-shadow:0 .375rem 1rem #1d1b1633}& .p-pin:before{content:"";z-index:1;background:var(--orange);width:5rem;height:1.375rem;position:absolute;top:-.625rem;left:calc(50% - 2.5rem);transform:rotate(-2.5deg)}& .p-pin figcaption{padding:.25rem .125rem .375rem;font-size:.875rem;line-height:1.3}& .p-pin--hero{--r:1.6deg;margin-top:2.25rem}& .p-side{display:contents}& .p-sheet{z-index:5;background:var(--paper);border:var(--rule);margin-top:2.25rem;padding:.375rem;position:sticky;top:3.25rem}& .p-plan{width:100%;height:auto;max-height:38vh;display:block}& .p-wall line{stroke:var(--ink);stroke-width:7px;stroke-linecap:square}& .p-part line{stroke:var(--ink);stroke-width:4px;stroke-linecap:square}& .p-thin,& .p-dims line,& .p-mark line,& .p-mark circle,& .p-north circle{fill:none;stroke:var(--ink);stroke-width:1.4px}& .p-cut rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.2px}& .p-cut .p-cut-door{stroke:none}& .p-screen{stroke:var(--ink);stroke-width:2.4px;stroke-dasharray:7 5}& .p-posts,& .p-north path{fill:var(--ink)}& .p-roof{stroke:var(--orange);stroke-width:2.4px;stroke-dasharray:12 7}& .p-room{opacity:.55}& .p-dims .p-tick{stroke:var(--orange);stroke-width:3px}& .p-mark line{stroke:var(--orange);stroke-width:1.8px;stroke-dasharray:16 5 3 5}& .p-mark circle{fill:var(--paper);stroke-width:2px}& .p-cloud{fill:none;stroke:var(--orange);stroke-width:2px}& .p-delta-m{fill:var(--ink)}& .p-plan text{fill:var(--ink);font:600 21px var(--mono)}& .p-plan .p-rev{fill:var(--paper);font-size:13px}& .p-plan .p-dimt{font-size:15px;display:none}& .p-tb{background:var(--paper);border:var(--rule);border-top:0}& .p-tb-name{font:800 1.625rem/1 var(--disp);text-transform:uppercase;border-bottom:1.5px solid var(--ink);padding:.5rem .75rem}& .p-tb-name span{font:400 .875rem/1.3 var(--mono);text-transform:none;margin-top:.25rem;display:block}& .p-tb-grid{grid-template-columns:repeat(2, var(--f1));display:grid}& .p-tb-grid>div{padding:.375rem .75rem}& .p-tb-grid>div:nth-child(odd){border-right:1.5px solid var(--ink)}& .p-tb-grid>div:nth-child(-n+2){border-bottom:1.5px solid var(--ink)}& .p-tb-rev{grid-template-columns:2rem var(--f1);border-top:1.5px solid var(--ink);align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;line-height:1.35;display:grid}& .p-tb dt{color:var(--ink-2);font-size:.8125rem;line-height:1.3}& .p-tb dd{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}& .p-build{padding-top:var(--sp);scroll-margin-top:22rem}& .p-h2{font-size:clamp(3rem,14.5vw,7.5rem);line-height:.86}& .p-build .p-dim{margin-top:1rem}& .p-svc{border-bottom:1.5px solid var(--ink);gap:1.5rem;padding-block:2.25rem}& .p-svc:nth-child(2n) .p-pin{--r:1.3deg}& .p-bubble{border:var(--rule);background:linear-gradient(var(--ink), var(--ink)) 0 50% / 100% 1.5px no-repeat;width:3.25rem;height:3.25rem;font:600 .8125rem/1.45 var(--mono);border-radius:50%;align-content:center;justify-items:center;display:inline-grid}& .p-bubble b{font-weight:600}& .p-svc h3{margin-top:.75rem;font-size:clamp(2.75rem,10vw,4.25rem);line-height:.9}& .p-svc-copy>p:last-child{max-width:33rem;margin-top:.875rem}& .p-sec{max-width:88rem;padding:var(--sp) var(--pad);margin-inline:auto;scroll-margin-top:3.3rem;position:relative}& .p-head{gap:.75rem}& .p-sub{max-width:34rem;font-size:1.0625rem}& .p-sec>.p-dim{margin-block:1.25rem}& .p-cards{gap:1rem;display:grid}& .p-card{background:var(--paper);border:var(--rule)}& .p-card-tab{border-bottom:1.5px solid var(--ink);justify-content:space-between;gap:1rem;padding:.375rem .875rem;font-size:.875rem;font-weight:600;display:flex}& .p-card-in{gap:.75rem;padding:1rem .875rem 1.25rem}& .p-card-n{font:900 clamp(5.5rem, 26vw, 9.5rem)/.84 var(--disp)}& .p-card h3{font-size:clamp(2.5rem,9vw,3.75rem);line-height:.92}& .p-card-copy>p{max-width:30rem;margin-top:.625rem}& .p-wall-el{width:100%;max-width:21rem}& .p-wall-el line,& .p-wall-el rect,& .p-wall-el path,& .p-wall-el circle{fill:none;stroke:var(--ink);stroke-width:1.6px}& .p-w-base line:first-child{stroke-width:4px}& .p-w-dim line,& .p-w-open rect,& .p-w-run path,& .p-w-stamp rect,& .p-w-stamp path{stroke:var(--orange);stroke-width:2.4px}& .p-w-open rect{stroke-dasharray:8 5}& .p-wall-el .p-w-ok circle{fill:var(--orange);stroke:var(--ink)}& .p-wall-el .p-w-ok path{stroke:var(--ink);stroke-width:2.4px}& .p-notes-sec{background:var(--paper);border-block:var(--rule);max-width:none}& .p-notes-sec>*{max-width:84rem;margin-inline:auto}& .p-notes{gap:0}& .p-notes li{grid-template-columns:2.75rem var(--f1);border-top:1.5px solid var(--ink);grid-template-rows:auto 1fr;column-gap:.625rem;padding-block:1.125rem;display:grid}& .p-tb-rev .p-delta{grid-row:auto;width:1.875rem;height:1.625rem;font-size:.8125rem}& .p-notes .p-delta{grid-row:span 2}& .p-delta{background:var(--ink);width:2.25rem;height:2rem;color:var(--paper);clip-path:polygon(50% 0,100% 100%,0 100%);place-items:end center;padding-bottom:.0625rem;font-size:.875rem;font-weight:600;line-height:1.2;display:grid}& .p-notes h3{font:600 1.0625rem/1.35 var(--mono);text-transform:none}& .p-notes p{margin-top:.25rem}& .p-block{background:var(--paper);border:var(--rule);margin-top:1.5rem}& .p-block-cell{padding:1rem}& .p-block-cell+.p-block-cell{border-top:var(--rule)}& .p-block h3{font:600 .875rem/1.4 var(--mono);text-transform:none}& .p-block ul{font:800 clamp(1.75rem, 6.4vw, 2.625rem)/1.14 var(--disp);text-transform:uppercase;overflow-wrap:normal;flex-wrap:wrap;gap:.125rem 1.5rem;margin-top:.5rem;display:flex}& .p-block li{white-space:nowrap}& .p-block-no{font:800 clamp(2rem, 8vw, 3rem)/1.1 var(--disp);margin-block:.5rem}& .p-block-no .p-slot{font-weight:800}& .p-contact{gap:2rem;padding-top:0}& .p-contact .p-sub{margin-top:1rem}& .p-reach{margin-top:1.5rem}& .p-reach>div{border-top:1.5px solid var(--ink);padding-block:.625rem}& .p-reach dt{font-size:.875rem}& .p-reach dd{margin:0;font-size:clamp(.875rem,3.9vw,1.0625rem);font-weight:600}& .p-reach .p-reach-phone{font:800 clamp(2.5rem, 13vw, 4rem)/1.05 var(--disp)}& .p-form{background:var(--paper);border:var(--rule);box-shadow:0 0 0 3px var(--paper), 0 0 0 4px var(--ink);padding:3.25rem 1rem 1.25rem;position:relative}& .p-f2{gap:1rem;margin-bottom:1rem}& .p-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}& .p-field label{font-weight:600}& .p-field :is(input,select,textarea){background:var(--print);width:100%;min-height:3rem;color:var(--ink);border:var(--rule);font:400 1rem/1.4 var(--mono);border-radius:0;padding:.5rem .625rem}& .p-field textarea{resize:vertical}& .p-field :is(input,select,textarea):focus-visible{outline:3px solid var(--orange);outline-offset:1px}& .p-form-note{margin-top:.875rem;font-size:1rem;line-height:1.4}& .p-send{width:100%;min-height:3.75rem;margin-top:1rem;font-size:1.625rem;display:flex}& .p-foot{border-top:var(--rule)}& .p-foot-in{max-width:88rem;padding:2rem var(--pad) 2.25rem;margin-inline:auto}& .p-foot-name{font:800 2rem/1 var(--disp);text-transform:uppercase}& .p-foot-in p+p{margin-top:.375rem}& .p-foot-reach{flex-wrap:wrap;gap:0 1.25rem;font-size:.9375rem;display:flex}& .p-foot-in .p-foot-sample{border-top:1.5px solid var(--ink);max-width:48rem;margin-top:1rem;padding-top:.875rem}& .p-tab{z-index:60;background:var(--orange);width:fit-content;min-width:5.5rem;min-height:3rem;color:var(--ink);border:var(--rule);font:800 1.5rem/1 var(--disp);text-transform:uppercase;place-items:center;margin:0 .75rem .75rem auto;padding:.25rem 1.125rem;text-decoration:none;display:grid;position:sticky;bottom:.75rem}@media (width>=40rem){--pad:2rem;& .p-hero{--h1:min(13rem, 22.5vw)}&[data-lang=es] .p-hero{--h1:min(10.5rem, 17vw)}& .p-cta .p-btn{flex:none}& .p-hero-row{grid-template-columns:var(--f1) 15rem;align-items:start;gap:1.5rem;display:grid}& .p-pin--hero{margin-top:1.5rem}& .p-hero .p-stamp{z-index:2;top:calc(6.5rem + var(--h1) * .9);margin-top:0;font-size:clamp(1.375rem,2.5vw,2.25rem);position:absolute;right:.25rem}& .p-plan .p-dimt{display:block}& .p-plan text{font-size:16px}& .p-svc{grid-template-columns:var(--f1) 16rem;align-items:start}& .p-card-in{grid-template-columns:var(--f1) 16rem;align-items:end}& .p-card-n{grid-column:1/-1}& .p-f2{grid-template-columns:repeat(2, var(--f1))}}@media (width>=48rem){& .p-top{z-index:70;grid-template-columns:auto var(--f1) auto;padding-block:.5rem;position:sticky;top:3.3rem}& .p-btn--sm{min-height:2.75rem;padding:.25rem 1.125rem;display:inline-flex}& .p-sheet{top:7.25rem}& .p-sec{scroll-margin-top:7rem}& .p-tab{display:none}}@media (width>=60rem){--pad:3rem;& .p-lead{grid-template-columns:minmax(0,5fr) minmax(0,3.3fr);column-gap:2.5rem;display:grid}& .p-work{display:contents}& .p-hero,& .p-build{grid-column:1}& .p-side{grid-area:1/2/span 2;align-self:start;margin-top:1.5rem;display:block;position:sticky;top:7.5rem}& .p-sheet{margin-top:0;position:static}& .p-plan{max-height:none}& .p-hero-row{grid-template-columns:var(--f1) 11rem}& .p-pin--hero{width:21rem;margin-top:1.25rem}& .p-hero{--h1:min(11.75rem, 13vw)}&[data-lang=es] .p-hero{--h1:min(8.5rem, 9.5vw)}& .p-hero .p-stamp{top:calc(7.25rem + var(--h1) * .9)}& .p-build{scroll-margin-top:7rem}& .p-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:2rem}& .p-cards{display:block}& .p-card{top:calc(7.5rem + var(--n) * 2.375rem);margin-bottom:7rem;position:sticky}& .p-card:last-child{margin-bottom:0}& .p-card:nth-child(2){--n:1}& .p-card:nth-child(3){--n:2}& .p-card:nth-child(4){--n:3}& .p-card:nth-child(5){--n:4}& .p-card:nth-child(6){--n:5}& .p-card:first-child{--n:0}& .p-card-in{grid-template-columns:15rem var(--f1) 21rem;align-items:center;gap:2rem;min-height:19rem;padding:1.5rem 2rem}& .p-card-n{grid-column:auto}& .p-notes{grid-template-columns:repeat(2, var(--f1));column-gap:3rem}& .p-block{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}& .p-block-cell{padding:1.25rem 1.5rem}& .p-block-cell+.p-block-cell{border-top:0;border-left:var(--rule)}& .p-contact{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:3.5rem}& .p-form{padding:3.25rem 1.5rem 1.5rem}}@media (width>=80rem){--pad:4rem;& .p-top{grid-template-columns:auto auto var(--f1) auto}& .p-nav{white-space:nowrap;justify-self:end;gap:1.25rem;font-size:.9375rem;display:flex}& .p-nav a{align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}}@media (prefers-reduced-motion:no-preference){& .p-btn,& .p-nav a{transition:background-color .15s,color .15s}& .p-btn:hover{background:var(--ink);color:var(--paper)}& .p-nav a:hover{text-underline-offset:.25em;text-decoration:underline 2px}& .p-pin{transition:transform .25s}& .p-pin:hover{transform:rotate(0)}@supports (animation-timeline:view()){& .p-lead{--t0:30vh;timeline-scope:--s1, --s2, --s3, --s4, --s5}& .p-work{view-timeline:--work block}@media (width>=60rem){& .p-lead{--t0:90vh;view-timeline:--work block}& .p-work{view-timeline:none}}& .p-l,& .p-f{animation:linear both p-draw --work;animation-range:cover calc(var(--t0) + var(--i,0) * 7vh) cover calc(var(--t0) + var(--i,0) * 7vh + 16vh)}& .p-l{stroke-dasharray:1}& .p-f{animation-name:p-fade}& .d2{--i:1}& .d3{--i:2}& .d4{--i:3}& .d5{--i:4}& .d6{--i:5}& .d7{--i:6}& .p-l.d0{stroke-dasharray:none;animation:none}& .p-svc-1{view-timeline:--s1 block}& .p-svc-2{view-timeline:--s2 block}& .p-svc-3{view-timeline:--s3 block}& .p-svc-4{view-timeline:--s4 block}& .p-svc-5{view-timeline:--s5 block}& .p-room,& .p-roof{animation:linear both p-hatch;animation-range:cover}& .p-room-1{animation-timeline:--s1}& .p-room-2{animation-timeline:--s2}& .p-room-3{animation-timeline:--s3}& .p-room-4{animation-timeline:--s4}& .p-roof{animation-timeline:--s5}& .p-dim-line{animation:linear both p-extend view();animation-range:entry 15% cover 42%}& .p-card{view-timeline:--card block}& .p-wl{stroke-dasharray:1;animation:linear both p-draw --card;animation-range:entry 35%}& .p-w-open .p-wl{stroke-dasharray:none;animation-name:p-fade}& .p-stamp--form{animation:linear both p-land view();animation-range:entry 55%}}}}@keyframes p-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes p-fade{0%{opacity:0}to{opacity:1}}@keyframes p-hatch{0%{opacity:0}32%,62%{opacity:1}to{opacity:.5}}@keyframes p-land{0%{opacity:0;transform:translateY(-.75rem)rotate(10deg)}to{opacity:1;transform:rotate(4deg)}}@keyframes p-extend{0%{--dft:0;width:7%}to{--dft:var(--ft);width:100%}}