@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.0ekd.j2hc~_w0.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.0rqws-.h91di~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.179.vsfvxa6t5.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_8596a5e-module__kL-ksa__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_8596a5e-module__kL-ksa__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.06cvo47x4w1en.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.0pz0x0eczp58u.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_23d57153-module__izaPfW__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_23d57153-module__izaPfW__variable{--font-body:"Instrument Sans", "Instrument Sans Fallback"}
@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.0y1-r_vehenvp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.10_7676vm7pyy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.0hck6o0i8wq3a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.0gq7fw9.sy_5..woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_a141959c-module__DkRRXa__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_a141959c-module__DkRRXa__variable{--font-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_8be3b53a-module__CxiPNW__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_8be3b53a-module__CxiPNW__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
@font-face{font-family:Reenie Beanie;font-style:normal;font-weight:400;font-display:swap;src:url(../media/abecc27c54fcd607-s.14pco0m3oplp7.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Reenie Beanie Fallback;src:local(Arial);ascent-override:98.63%;descent-override:32.88%;line-gap-override:0.0%;size-adjust:76.04%}.reenie_beanie_c751e596-module__UeqOIW__className{font-family:Reenie Beanie,Reenie Beanie Fallback;font-style:normal;font-weight:400}.reenie_beanie_c751e596-module__UeqOIW__variable{--font-hand:"Reenie Beanie", "Reenie Beanie Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-body), system-ui, sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{background:var(--sky-top);scroll-behavior:smooth}body{color:var(--ink);font:16px/1.6 var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--pop);outline-offset:3px}button:not([disabled]){cursor:pointer}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.col-2{grid-column:2}.col-3{grid-column:3}.col-4{grid-column:4}.col-6{grid-column:6}.flex{display:flex}.grid{display:grid}.hidden{display:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}}:root{--sky-top:#2e2463;--sky-mid:#e8547a;--sky-low:#ffb267;--water:#0e5a6b;--deep:#072a35;--plate:#f8efe5;--ink:#2a2030;--soft:#6f5f6a;--pop:#c9415f;--sun:#ffd28a;--silhouette:#2a1f3a;--on-sky:#fff8ef;--sun-y:52%;--radius:16px;--gap:clamp(20px, 2.6vw, 30px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-time=sunrise]{--sky-top:#8db6e3;--sky-mid:#ffc2b4;--sky-low:#ffe6b0;--water:#4f9db1;--deep:#1d5b70;--plate:#fff8f0;--ink:#2b2534;--soft:#6f6573;--pop:#b84d44;--sun:#fff1c9;--silhouette:#4a4a6a;--on-sky:#2b2534;--sun-y:44%}:root[data-time=day]{--sky-top:#5e9fd8;--sky-mid:#a7d2ea;--sky-low:#f2e6c6;--water:#2a8aa1;--deep:#135166;--plate:#fffaf4;--ink:#1f2a33;--soft:#5b6670;--pop:#a8561c;--sun:#fff7de;--silhouette:#33475a;--on-sky:#1f2a33;--sun-y:10%}:root[data-time=night]{--sky-top:#090c26;--sky-mid:#26255a;--sky-low:#54396e;--water:#11304a;--deep:#040915;--plate:#1c1e38;--ink:#f2e8dc;--soft:#aaa2ba;--pop:#ffb267;--sun:#f4ecd8;--silhouette:#f4ecd8;--on-sky:#f2e8dc;--sun-y:14%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.skip-link{z-index:50;background:var(--ink);color:var(--plate);border-radius:99px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}.site{isolation:isolate;min-height:100vh;position:relative;overflow:clip}.sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.sky-gradient{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) 30%, var(--sky-low) 52%, var(--water) 52.3%, var(--deep) 100%);position:absolute;inset:0}.sky-stars{opacity:0;background:radial-gradient(1.4px 1.4px at 12% 8%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 28% 4%,#fff 50%,#0000 51%),radial-gradient(1.6px 1.6px at 46% 14%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 63% 6%,#fff 50%,#0000 51%),radial-gradient(1.3px 1.3px at 82% 12%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 91% 3%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 6% 30%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 72% 26%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 38% 40%,#fff 50%,#0000 51%);transition:opacity 1.2s;animation:5s ease-in-out infinite alternate twinkle;position:absolute;inset:0 0 50%}[data-time=night] .sky-stars{opacity:.9}.sky-sun{left:74%;top:var(--sun-y);background:radial-gradient(circle, var(--sun) 0 52%, transparent 70%);border-radius:50%;width:140px;height:140px;margin:-70px 0 0 -70px;transition:top 1.4s cubic-bezier(.4,0,.2,1);animation:10s ease-in-out infinite bob;position:absolute}.sky-shimmer{background:repeating-linear-gradient(180deg, var(--sun) 0 2px, transparent 2px 12px);position:absolute;inset:52.3% 0 0}@supports (color:color-mix(in lab, red, red)){.sky-shimmer{background:repeating-linear-gradient(180deg, color-mix(in srgb, var(--sun) 38%, transparent) 0 2px, transparent 2px 12px)}}.sky-shimmer{animation:7s linear infinite drift;-webkit-mask-image:linear-gradient(#000,#0000 50%);mask-image:linear-gradient(#000,#0000 50%)}.grid{gap:var(--gap);max-width:1280px;padding:var(--gap);grid-template-columns:repeat(6,minmax(0,1fr));margin:0 auto;display:grid}.cell{border-radius:var(--radius);background:var(--plate);min-width:0;padding:clamp(20px,2.4vw,32px);animation:.7s cubic-bezier(.2,.7,.2,1) both rise;position:relative}.open{min-width:0}.page{grid-column:1/-1;grid-template-columns:subgrid;row-gap:var(--gap);display:grid}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:1/-1}.home{grid-template-areas:"sky0 sky0 sky0 sky0 sky0 sky0""hero hero hero hero pics pics""work work work work work work""other other other other other other""how how how open2 open2 open2""photo photo photo photo photo photo""hello hello hello hello open3 open3"}.lbl{font:400 11px/1.3 var(--font-mono), ui-monospace, monospace;letter-spacing:.05em;text-transform:lowercase;color:var(--soft)}.btn{border:1.5px solid var(--ink);color:var(--ink);font:600 14px/1 var(--font-body), system-ui, sans-serif;background:0 0;border-radius:99px;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--ink);color:var(--plate)}.btn:disabled{opacity:.6;transform:none}.actions{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.nav{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px 24px;padding-block:20px;display:flex}.nav .name{font:700 17px/1 var(--font-display), system-ui, sans-serif;letter-spacing:-.015em;text-decoration:none}.nav ul{flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.nav ul a{text-decoration:none}.nav ul a:hover{text-underline-offset:4px;text-decoration:underline}.nav ul span{color:var(--soft);font-size:11px}.sky0{grid-area:sky0;min-height:clamp(90px,14vw,180px)}.hero{grid-area:hero;align-content:center;gap:24px;padding-block:clamp(40px,7vw,88px);animation-delay:50ms;display:grid}.hero h1{max-width:16ch;font:700 clamp(2.1rem, 4.4vw, 3.5rem)/1.02 var(--font-display), system-ui, sans-serif;letter-spacing:-.035em}.hero h1 em,.sky-chip em,.hello h2 em,.quote-form h2 em,.quote-cta h2 em,.quote-head h1 em{font:italic 400 1.1em/1 var(--font-serif), Georgia, serif;letter-spacing:-.015em;color:var(--pop)}.hero p{max-width:46ch;color:var(--ink);font-size:1.05rem;line-height:1.65}@supports (color:color-mix(in lab, red, red)){.hero p{color:color-mix(in srgb, var(--ink) 82%, var(--plate))}}.hero .previously{font-size:.95rem}.hero .previously .lbl{margin-right:6px}.pics{grid-area:pics;min-height:300px;animation-delay:.12s;overflow:hidden}.pol{aspect-ratio:4/5;background:#fffdf8;width:52%;padding:7px 7px 20px;transition:transform .45s cubic-bezier(.3,.7,.3,1);position:absolute;box-shadow:0 10px 18px -10px #00000073}.pol i{height:100%;display:block}.pol.p1{top:14%;left:6%;transform:rotate(-7deg)}.pol.p1 i{background:linear-gradient(180deg, var(--sky-low), var(--sky-mid) 55%, var(--water) 56%)}.pol.p2{z-index:2;top:5%;left:26%;transform:rotate(4deg)}.pol.p2 i{background:radial-gradient(at 35% 60%,#2a9cb0 0 22%,#0c4f61 23% 40%,#d7b98c 41%)}.pol.p3{top:22%;left:44%;transform:rotate(-2deg)}.pol.p3 i{background:linear-gradient(135deg,#0000 48%,#3a2f36 48% 51%,#0000 51%),linear-gradient(60deg,#0000 48%,#3a2f36 48% 51%,#0000 51%),#ead8c6}.pics:hover .pol.p1{transform:rotate(-12deg)translate(-8px,4px)}.pics:hover .pol.p2{transform:rotate(0)translateY(-8px)}.pics:hover .pol.p3{transform:rotate(7deg)translate(8px,4px)}.pics .cap{z-index:3;font:400 1.5rem/1 var(--font-hand), cursive;color:var(--pop);position:absolute;bottom:14px;left:20px;transform:rotate(-3deg)}.work-own{grid-area:work}.work-client{grid-area:other}.work-group{grid-template-columns:subgrid;row-gap:var(--gap);display:grid}.work-group>*{grid-column:span 2}.group-head{align-content:end;justify-items:start;display:grid}.sky-chip{border-radius:var(--radius);background:var(--plate);gap:4px;padding:14px 20px;display:grid}@supports (color:color-mix(in lab, red, red)){.sky-chip{background:color-mix(in srgb, var(--plate) 72%, transparent)}}.sky-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:700 clamp(1.4rem, 2.6vw, 1.9rem)/1.05 var(--font-display), system-ui, sans-serif;letter-spacing:-.025em}.project{grid-template-rows:auto auto 1fr;gap:16px;display:grid}.project h3{font:700 1.3rem/1.1 var(--font-display), system-ui, sans-serif;letter-spacing:-.02em;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.project h3 a{text-decoration:none}.project .status{border:1px solid var(--ink);padding:4px 8px}@supports (color:color-mix(in lab, red, red)){.project .status{border:1px solid color-mix(in srgb, var(--ink) 22%, transparent)}}.project .status{font:400 10.5px/1 var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;text-transform:lowercase;color:var(--soft);white-space:nowrap;border-radius:99px}.project .more{color:var(--soft);align-self:end;font-size:13px;font-weight:500;transition:color .2s}.project:hover .more,.project:focus-within .more{color:var(--pop)}.project h3 a:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.project:hover{box-shadow:0 14px 30px -18px #00000073}.ff{gap:12px;margin:0;font-size:14.5px;line-height:1.5;display:grid}.ff div{gap:3px;display:grid}.ff dt{font:600 10.5px/1.3 var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);align-items:center;gap:6px;display:flex}.ff .flow dt{color:var(--ink)}.ff .flow dt:before{content:"";background:var(--pop);border-radius:50%;width:7px;height:7px}.ff dd{margin:0}.ff .friction dd{color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.ff .friction dd{color:color-mix(in srgb, var(--ink) 72%, var(--plate))}}.tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--ink);padding:5px 9px}@supports (color:color-mix(in lab, red, red)){.tags li{border:1px solid color-mix(in srgb, var(--ink) 20%, transparent)}}.tags li{font:400 11px/1 var(--font-mono), ui-monospace, monospace;border-radius:99px}.how{grid-area:how;align-content:start;gap:16px;display:grid}.how h2,.photo-head h2{font:700 1.5rem/1.05 var(--font-display), system-ui, sans-serif;letter-spacing:-.025em}.how ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.how li{gap:2px;display:grid}.how strong{font:italic 400 1.3rem/1.1 var(--font-serif), Georgia, serif}.how li span{color:var(--ink);font-size:14.5px}@supports (color:color-mix(in lab, red, red)){.how li span{color:color-mix(in srgb, var(--ink) 75%, var(--plate))}}.open2{grid-area:open2;min-height:200px;position:relative}.photo{grid-area:photo;gap:18px;display:grid}.photo-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:10px;display:flex}.photo-head h2{gap:4px;display:grid}.photo-head a{font-size:14px}.strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.strip span{aspect-ratio:4/3;border-radius:10px;position:relative;overflow:hidden}.strip span:after{content:attr(data-cap);font:400 10px/1 var(--font-mono), ui-monospace, monospace;color:#fff;text-shadow:0 1px 2px #0009;position:absolute;bottom:6px;left:8px}.strip span:first-child{background:radial-gradient(at 35% 60%,#2a9cb0 0 22%,#0c4f61 23% 40%,#d7b98c 41%)}.strip span:nth-child(2){background:linear-gradient(180deg, var(--sky-low), var(--sky-mid) 50%, var(--water) 51%, var(--deep))}.strip span:nth-child(3){background:linear-gradient(90deg,#2b2430 0 18%,#0000 18% 82%,#2b2430 82%),linear-gradient(#ffd9a8,#e98c6d)}.strip span:nth-child(4){background:linear-gradient(120deg,#0000 47%,#3a2f36 47% 49%,#0000 49%),linear-gradient(30deg,#0000 47%,#3a2f36 47% 49%,#0000 49%),linear-gradient(170deg,#0000 47%,#3a2f36 47% 49%,#0000 49%),#e9dccb}.hello{grid-area:hello;align-content:start;gap:18px;display:grid}.hello h2{font:700 clamp(1.7rem, 3vw, 2.4rem)/1.05 var(--font-display), system-ui, sans-serif;letter-spacing:-.03em}.hello p{max-width:52ch;color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.hello p{color:color-mix(in srgb, var(--ink) 80%, var(--plate))}}.open3{grid-area:open3}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:4px;display:grid}.contact-form .field{gap:6px;min-width:0;display:grid}.contact-form .field-wide{grid-column:1/-1}.contact-form label{font:400 11px/1.3 var(--font-mono), ui-monospace, monospace;letter-spacing:.05em;text-transform:lowercase;color:var(--soft)}.contact-form input,.contact-form textarea{border:1.5px solid var(--ink);width:100%;padding:12px 14px}@supports (color:color-mix(in lab, red, red)){.contact-form input,.contact-form textarea{border:1.5px solid color-mix(in srgb, var(--ink) 22%, transparent)}}.contact-form input,.contact-form textarea{background:var(--plate);border-radius:12px}@supports (color:color-mix(in lab, red, red)){.contact-form input,.contact-form textarea{background:color-mix(in srgb, var(--plate) 70%, var(--sky-low) 8%)}}.contact-form input,.contact-form textarea{color:var(--ink);font:16px/1.4 var(--font-body), system-ui, sans-serif;transition:border-color .2s}.contact-form textarea{resize:vertical;min-height:120px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--pop);outline:none}.contact-form .btn{justify-self:start}.nav ul a.nav-cta{border:1.5px solid var(--ink);border-radius:99px;padding:7px 14px;font-weight:600}.nav ul a.nav-cta:hover{background:var(--ink);color:var(--plate);text-decoration:none}.case-section h2,.builder h2,.quote-cta h2,.quote-form h2{font:700 1.5rem/1.05 var(--font-display), system-ui, sans-serif;letter-spacing:-.025em}.fine{color:var(--soft);font-size:13px}.quote-cta{align-content:start;justify-items:start;gap:14px;display:grid}.quote-cta p{color:var(--ink);font-size:14.5px}@supports (color:color-mix(in lab, red, red)){.quote-cta p{color:color-mix(in srgb, var(--ink) 78%, var(--plate))}}.sky0-short{grid-column:1/-1;min-height:clamp(24px,6vw,72px)}.case-head,.quote-head{align-content:center;gap:18px;padding-block:clamp(32px,5vw,64px);display:grid}.case-head h1,.quote-head h1{font:700 clamp(2.1rem, 4.4vw, 3.5rem)/1.02 var(--font-display), system-ui, sans-serif;letter-spacing:-.035em}.case-head .lead,.quote-head p{max-width:46ch;color:var(--ink);font-size:1.05rem;line-height:1.65}@supports (color:color-mix(in lab, red, red)){.case-head .lead,.quote-head p{color:color-mix(in srgb, var(--ink) 82%, var(--plate))}}.case-meta dl{gap:18px;margin:0;display:grid}.case-meta dl div{gap:6px;display:grid}.case-meta dd{margin:0;font-size:14.5px}.case-section{align-content:start;gap:14px;display:grid}.case-section>p{max-width:62ch;color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.case-section>p{color:color-mix(in srgb, var(--ink) 82%, var(--plate))}}.feature-list,.next-list,.decisions ol,.phases ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{gap:2px;display:grid}.feature-list strong{font:italic 400 1.25rem/1.1 var(--font-serif), Georgia, serif}.feature-list span{color:var(--ink);font-size:14.5px}@supports (color:color-mix(in lab, red, red)){.feature-list span{color:color-mix(in srgb, var(--ink) 75%, var(--plate))}}.next-list li{text-indent:-18px;padding-left:18px}.next-list li:before{content:"→ ";color:var(--pop)}.decisions ol{gap:0}.decisions li{border-top:1px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;padding-block:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.decisions li{border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent)}}.decisions li p{gap:4px;display:grid}.decisions li p:first-child{font:italic 400 1.2rem/1.3 var(--font-serif), Georgia, serif}.phases ol{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.phases li{border:1px solid var(--ink);align-content:start;gap:8px;padding:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.phases li{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent)}}.phases li{border-radius:12px}.phases h3{font:700 1.1rem/1.1 var(--font-display), system-ui, sans-serif}.phases li p{font-size:14px}.phases .effort{font:500 13px/1 var(--font-mono), ui-monospace, monospace;color:var(--pop)}.pager{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:18px;display:flex}.pager a{font-weight:600;text-decoration:none}.pager a:hover{text-underline-offset:4px;text-decoration:underline}.builder{align-content:start;gap:22px;display:grid}.builder>p{max-width:56ch;color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.builder>p{color:color-mix(in srgb, var(--ink) 80%, var(--plate))}}.builder-group{gap:10px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--ink);align-items:center;gap:8px;min-height:40px;padding:8px 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.chip{border:1.5px solid color-mix(in srgb, var(--ink) 22%, transparent)}}.chip{color:var(--ink);font:500 14px/1.2 var(--font-body), system-ui, sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;background:0 0;border-radius:99px;transition:background .2s,border-color .2s,color .2s}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--plate)}.chip:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--plate)}.contact-form .chip{font:500 14px/1.2 var(--font-body), system-ui, sans-serif;letter-spacing:normal;text-transform:none;color:var(--ink)}.contact-form .chip:has(input:checked){color:var(--plate)}.chip:has(input:focus-visible){outline:2px solid var(--pop);outline-offset:3px}.chip .size{font:500 10.5px/1 var(--font-mono), ui-monospace, monospace;opacity:.6}.summary-col{min-width:0}.summary{top:var(--gap);gap:12px;display:grid;position:sticky}.estimate{font:700 clamp(2rem, 3.4vw, 2.8rem)/1 var(--font-display), system-ui, sans-serif;letter-spacing:-.03em;color:var(--pop)}.summary-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.summary-list li{background:var(--ink);border-radius:99px;padding:4px 10px}@supports (color:color-mix(in lab, red, red)){.summary-list li{background:color-mix(in srgb, var(--ink) 8%, transparent)}}.link-btn{color:var(--soft);font:inherit;text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;font-size:13px;text-decoration:underline}.link-btn:hover{color:var(--ink)}.quote-form{align-content:start;gap:18px;display:grid}.quote-form>p{max-width:52ch;color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.quote-form>p{color:color-mix(in srgb, var(--ink) 80%, var(--plate))}}.contact-form .budget{border:0;margin:0;padding:0}.contact-form .budget legend{font:400 11px/1.3 var(--font-mono), ui-monospace, monospace;letter-spacing:.05em;text-transform:lowercase;color:var(--soft);margin-bottom:6px;padding:0}.foot{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px 20px;padding-block:18px 28px;display:flex;overflow:hidden}.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}.sky-toggle{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sky-toggle .lbl{margin-right:4px}.sky-toggle button{color:var(--soft);font:400 12px/1 var(--font-mono), ui-monospace, monospace;background:0 0;border:1px solid #0000;border-radius:99px;padding:6px 10px}.sky-toggle button:hover{color:var(--ink)}.sky-toggle button[aria-pressed=true]{border-color:var(--ink)}@supports (color:color-mix(in lab, red, red)){.sky-toggle button[aria-pressed=true]{border-color:color-mix(in srgb, var(--ink) 25%, transparent)}}.sky-toggle button[aria-pressed=true]{color:var(--ink)}.animal{opacity:0;pointer-events:none;transition:opacity .8s;position:absolute}.animal svg{display:block;overflow:visible}.birds{animation:26s linear infinite fly;top:clamp(130px,14vw,190px);left:0}.birds path{fill:none;stroke:var(--silhouette);stroke-width:1.6px;stroke-linecap:round}.birds g{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite alternate flap}.birds g:nth-child(2){animation-delay:.3s}[data-time=sunrise] .birds,[data-time=sunset] .birds{opacity:.85}.animal-fish{position:absolute;inset:0}.fish{animation:7s ease-in-out infinite jump;bottom:18%;left:40%}.fish path{fill:var(--silhouette)}.splash{opacity:0;border:1.5px solid var(--sun);width:120px;height:10px;position:absolute;bottom:14%;left:40%}@supports (color:color-mix(in lab, red, red)){.splash{border:1.5px solid color-mix(in srgb, var(--sun) 70%, transparent)}}.splash{border-top-color:#0000;border-radius:50%}[data-time=day] .fish,[data-time=sunset] .fish{opacity:1}[data-time=day] .splash,[data-time=sunset] .splash{animation:7s ease-out infinite splash}.cat{z-index:2;top:-30px;right:24px}.cat path,.cat circle,.cat ellipse{fill:var(--plate)}.cat .eye{fill:var(--pop);transform-box:fill-box;transform-origin:50%;animation:6s infinite blink}[data-time=night] .cat{opacity:1}.snail{animation:90s linear infinite crawl;bottom:4px;left:0}.snail .body{fill:var(--soft)}.snail .horns{fill:none;stroke:var(--soft);stroke-width:1.2px}.snail .shell{fill:none;stroke:var(--pop);stroke-width:1.5px}[data-time=sunrise] .snail,[data-time=day] .snail{opacity:1}@keyframes rise{0%{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bob{50%{transform:translateY(6px)}}@keyframes drift{to{background-position:0 24px}}@keyframes twinkle{to{filter:brightness(.6)}}@keyframes fly{0%{transform:translate(-60px)}to{transform:translate(110vw)}}@keyframes flap{to{transform:scaleY(.45)}}@keyframes jump{0%,62%{visibility:hidden;transform:translateY(40px)rotate(-40deg)}63%{visibility:visible}72%{transform:translate(40px,-36px)rotate(0)}82%{visibility:visible;transform:translate(80px,40px)rotate(40deg)}83%,to{visibility:hidden;transform:translate(80px,40px)rotate(40deg)}}@keyframes splash{0%,80%{opacity:0;transform:scale(.2)}84%{opacity:.9}to{opacity:0;transform:scale(1.4)}}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}@keyframes crawl{0%{transform:translate(-40px)}to{transform:translate(100vw)}}@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home{grid-template-areas:"sky0 sky0""hero hero""pics how""work work""other other""open2 open2""photo photo""hello hello"}.work-group>*{grid-column:span 1}.col-2,.col-3,.col-4{grid-column:1/-1}.spacer{display:none}.summary{position:static}.open2{min-height:140px}.open3{display:none}}@media (max-width:599px){.grid{--gap:22px;padding:18px}.home{grid-template-areas:"sky0 sky0""hero hero""pics pics""work work""other other""how how""open2 open2""photo photo""hello hello"}.work-group>*{grid-column:1/-1}.nav{flex-direction:column;align-items:flex-start;gap:14px;padding:22px}.sky0{min-height:110px}.hero{gap:22px;padding:36px 24px 40px}.hero h1{font-size:2.1rem;line-height:1.05}.pics{min-height:330px}.pol{width:46%}.group-head{padding-top:12px}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form,.decisions li{grid-template-columns:minmax(0,1fr)}.foot{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.birds,.animal-fish{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
