@font-face{font-family:dmSans;src:url(../media/dm_sans_regular-s.p.2uqos1kplha4w.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:dmSans;src:url(../media/dm_sans_semibold-s.p.1-2i1s-xmgi3k.woff2)format("woff2");font-display:swap;font-weight:500 600;font-style:normal}@font-face{font-family:dmSans Fallback;src:local(Arial);ascent-override:94.36%;descent-override:29.49%;line-gap-override:0.0%;size-adjust:105.13%}.dmsans_ac6f3a64-module__-rO7Ha__className{font-family:dmSans,dmSans Fallback}.dmsans_ac6f3a64-module__-rO7Ha__variable{--font-dm-sans:"dmSans", "dmSans Fallback"}
@font-face{font-family:inter;src:url(../media/inter_variable-s.p.1i49pqwi9_zap.woff2)format("woff2");font-display:swap;font-weight:100 900;font-style:normal}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.inter_19c65e8a-module__pteuHa__className{font-family:inter,inter Fallback;font-style:normal}.inter_19c65e8a-module__pteuHa__variable{--font-inter:"inter", "inter Fallback"}
@font-face{font-family:sourceSerif;src:url(../media/source_serif_4_regular-s.p.02igqbzd4nx2e.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:sourceSerif Fallback;src:local(Arial);ascent-override:95.65%;descent-override:30.93%;line-gap-override:0.0%;size-adjust:108.31%}.sourceserif_c46427bf-module__14rfiG__className{font-family:sourceSerif,sourceSerif Fallback;font-style:normal;font-weight:400}.sourceserif_c46427bf-module__14rfiG__variable{--font-heading:"sourceSerif", "sourceSerif Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f8f7f2;--paper-rgb:248, 247, 242;--ink:#2c302a;--muted:#6c7067;--accent:#ac503d;--line:#dedfd5;--landscape-image:url(/assets/minecraft-panorama.webp);--sans:var(--font-dm-sans), sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#101921;--paper-rgb:16, 25, 33;--ink:#e8e8df;--muted:#aab4b9;--accent:#df9b7e;--line:#2c3944;--landscape-image:url(/assets/minecraft-panorama-night.webp)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:9rem}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:3px}::selection{color:var(--ink);background:#e5d3b7}.wrap{width:min(1120px,100% - 96px);margin-inline:auto}.icon-library{width:0;height:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.skip-link{z-index:20;background:var(--paper);padding:12px 20px;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:5;height:104px;position:sticky;top:0}.site-header:before{content:"";z-index:-1;pointer-events:none;background:rgba(var(--paper-rgb), .72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:absolute;inset:0 0 -36px;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.wordmark{font-family:var(--font-heading), Georgia, serif;letter-spacing:-.035em;font-size:23px;font-weight:400;line-height:1}.site-header nav{align-items:center;gap:28px;font-size:14px;display:flex}.site-header nav>a{color:var(--muted);padding-block:12px;transition:color .18s}.site-header nav>a:hover{color:var(--ink)}.crabcraft-logo{object-fit:contain;image-rendering:auto;flex-shrink:0;display:block}.theme-toggle{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.theme-toggle .icon{width:18px;height:18px}.theme-toggle[hidden]{display:none}.theme-toggle:hover{background:rgba(var(--paper-rgb), .65);color:var(--accent)}.sun-icon,[data-theme=dark] .moon-icon{display:none}[data-theme=dark] .sun-icon{display:block}.theme-transition::view-transition-group(root){animation:none}.theme-transition::view-transition-image-pair(root){isolation:auto}.theme-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}.theme-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-transition::view-transition-old(root){z-index:1}.theme-transition::view-transition-new(root){z-index:2}.hero{isolation:isolate;min-height:880px;padding-top:62px;position:relative}.hero-copy{text-align:center;z-index:2;padding-inline:24px;position:relative}h1,h2,h3,p{margin-top:0}h1{font-family:var(--font-heading), Georgia, serif;letter-spacing:-.025em;margin-bottom:25px;font-size:clamp(3rem,4.8vw,4.3rem);font-weight:400;line-height:1.13}h1 em{font-style:normal;font-weight:400}.hero-crab-link{display:inline-block;position:relative}.hero-crab-underline{width:calc(100% + .11em);height:.22em;color:var(--ink);opacity:.85;pointer-events:none;transition:opacity .18s;position:absolute;bottom:-.06em;left:-.055em}.hero-crab-link:hover .hero-crab-underline{opacity:1}.hero-actions{justify-content:center;gap:12px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:13px 21px;font-family:inherit;font-size:14px;line-height:1.4;transition:background .2s,box-shadow .2s;display:inline-flex}.button-primary{color:#fbfaf5;background:#343c30;border-color:#343c30;box-shadow:0 2px 3px #232b1c17,inset 0 1px #ffffff20}.button-primary:hover{background:#454e3f;box-shadow:0 4px 9px #232b1c21}.button-primary .icon{width:16px;height:16px}.landscape{--copy-overlay:.62;--sky-overlay:.35;--middle-overlay:.22;z-index:-1;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 69%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 69%,#0000 100%)}.landscape:before{content:"";z-index:1;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23noise)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.landscape:after{z-index:2;content:"";background:linear-gradient(90deg, var(--paper), transparent 15%, transparent 85%, var(--paper)), radial-gradient(ellipse 440px 260px at 50% 28%, rgba(var(--paper-rgb), var(--copy-overlay)), transparent), linear-gradient(180deg, rgba(var(--paper-rgb), var(--sky-overlay)), rgba(var(--paper-rgb), var(--middle-overlay)) 30%, transparent 60%);position:absolute;inset:0}.landscape-image{background-image:var(--landscape-image);filter:saturate(.76);background-position:50% 58%;background-size:cover;width:100%;height:100%}.projects{width:min(960px,100% - 96px);margin-top:-12px;padding-bottom:108px;position:relative}.project-heading{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.project-heading h2{font-family:var(--font-heading), Georgia, serif;letter-spacing:-.035em;margin:0;font-size:46px;font-weight:400;line-height:1.15}.project-heading p{max-width:370px;color:var(--muted);margin:0 0 0 auto;font-size:16px;line-height:1.75}.render-demo{margin:28px auto 40px}.render-image{width:min(460px,100%);margin-inline:auto;display:block}.render-image img{width:100%;height:auto;display:block}.render-demo figcaption{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-top:8px;font-size:12px;line-height:1.5;display:flex}.render-demo figcaption>span:first-child{color:var(--ink)}.render-request{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding-block:23px;display:flex}.request-code{align-items:baseline;gap:18px;min-width:0;display:flex}.request-method{color:var(--accent);letter-spacing:.04em;flex-shrink:0;font-size:12px}.request-code code{overflow-wrap:anywhere;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.request-code code>span{color:var(--muted)}.request-action{flex-shrink:0;align-items:center;gap:10px;font-size:14px;display:inline-flex}.request-action .icon{width:17px;height:17px}.render-request:hover .request-action{color:var(--accent)}.site-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:28px 36px;font-size:13px;line-height:1.6;display:flex}.site-footer p{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.crabcraft-link{color:var(--ink);align-items:center;gap:5px;display:inline-flex}.crabcraft-link .icon{width:14px;height:14px}.crabcraft-link:hover{color:var(--accent)}.design-footer .footer-bottom a{display:inline-block}[data-theme=dark] ::selection{background:#3b4a53}[data-theme=dark] .button-primary{color:#202922;background:#d0d8c2;border-color:#d0d8c2}[data-theme=dark] .button-primary:hover{background:#e0e6d6}[data-theme=dark] .landscape{--copy-overlay:.82;--sky-overlay:.55;--middle-overlay:.4}[data-theme=dark] .landscape-image{filter:none}@media (max-aspect-ratio:2){.landscape-image{transform-origin:55% 0;transform:scale(1.2)}}@media (min-width:1100px) and (min-aspect-ratio:4/3) and (max-aspect-ratio:2){.landscape-image{transform:translateY(-48px)scale(1.2)}}@media (min-width:1700px){.hero{min-height:1000px;padding-top:82px}}@media (max-width:760px){html{scroll-padding-top:8rem}.wrap{width:calc(100% - 44px)}.site-header{height:86px}.wordmark{font-size:21px}.site-header nav{gap:18px;font-size:13px}.hero{min-height:780px;padding-top:56px}h1{font-size:clamp(2.4rem,6.8vw,3.45rem);line-height:1.16}.hero-actions{gap:9px}.button{gap:8px;padding:12px 15px;font-size:13px}.landscape:after{background:linear-gradient(90deg, rgba(var(--paper-rgb), .33), transparent 15%, transparent 85%, rgba(var(--paper-rgb), .33)), radial-gradient(ellipse 300px 260px at 50% 28%, rgba(var(--paper-rgb), var(--copy-overlay)), transparent), linear-gradient(180deg, rgba(var(--paper-rgb), var(--sky-overlay)), rgba(var(--paper-rgb), var(--middle-overlay)) 30%, transparent 60%)}.landscape-image{background-position:55%;width:150%;margin-left:-25%}.projects{width:calc(100% - 44px);margin-top:0;padding-bottom:64px}.project-heading{grid-template-columns:1fr;gap:18px}.project-heading h2{font-size:37px}.project-heading p{max-width:420px;margin:0}.render-demo{margin-block:18px 32px}.render-request{flex-direction:column;align-items:flex-start;gap:20px;padding-block:20px}.request-code{gap:12px}.request-code code{font-size:12px}.request-action{font-size:14px}.site-footer{flex-wrap:wrap;gap:12px;padding-block:24px 30px}}@media (max-width:380px){.wrap,.projects{width:calc(100% - 32px)}.site-header nav{gap:8px;font-size:12px}.wordmark{font-size:19px}.hero-copy{padding-inline:16px}h1{font-size:2.25rem}.button{padding-inline:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.site-header nav a{transition:none}}
.studio-header{--sans:var(--font-inter), sans-serif;font-family:var(--sans)}.studio-header .header-inner{gap:28px}.header-wordmark{font:700 18px/1.2 var(--sans);letter-spacing:-.045em;flex-shrink:0}.studio-header nav{gap:28px;margin-left:auto;font-size:13px;font-weight:600}.studio-header .icon{stroke-width:2px}.studio-header nav>a{align-items:center;min-height:44px;display:inline-flex}.studio-header .crabcraft-link{font-size:inherit;gap:6px}.studio-header .crabcraft-logo{width:17px;height:17px}.studio-header .crabcraft-link .icon{width:12px;height:12px}.studio-header .theme-toggle{border-radius:0;width:40px;height:44px}.studio-header .theme-toggle .icon{width:16px;height:16px}.studio-header .theme-toggle:hover{color:var(--ink);background:0 0}@media (max-width:760px){.studio-header .header-inner{gap:16px}.header-wordmark{font-size:16px}.studio-header nav{gap:18px;font-size:12px}.studio-header .theme-toggle{width:32px}}@media (max-width:480px){.studio-header nav>.crabcraft-link{display:none}}.content-wrap{width:min(1100px,100% - 96px);margin-inline:auto}.project-covers{padding-block:60px 120px;scroll-margin-top:130px}.project-covers h2{text-align:center;font:400 42px/1.2 var(--font-heading), Georgia, serif;letter-spacing:-.025em;margin:0 0 65px}.project-records{isolation:isolate;align-items:center;width:min(900px,92%);margin:0 auto;padding:0;list-style:none;display:flex}.project-record{transform-origin:50% 70%;flex:0 0 36%;margin:0;position:relative}.project-record+.project-record{margin-left:-4%}.record-cover{aspect-ratio:1;corner-shape:squircle;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18%;width:100%;padding:0;display:block;overflow:hidden}.record-crabcraft{z-index:1;rotate:-10deg}.record-skin{z-index:3}.record-placeholder{z-index:2;rotate:10deg}.record-cover:focus-visible,.record-caption:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.record-art{aspect-ratio:1;object-fit:cover;border-radius:0;width:100%;height:auto;display:block}.record-crabcraft .record-art{object-position:53% center}.record-caption{min-height:46px;font:600 14px/1.4 var(--font-inter), sans-serif;justify-content:center;align-items:center;gap:7px;padding:16px 10px 0;display:flex}.record-caption .icon{width:15px;height:15px}.record-caption .crabcraft-logo{width:18px;height:18px}.record-crabcraft .crabcraft-logo{rotate:10deg}@media (max-width:760px){.project-covers{padding-block:48px 72px}.project-covers h2{margin-bottom:44px;font-size:34px}.project-records{width:95%}.project-record{flex-basis:38%}.project-record+.project-record{margin-left:-7%}.record-caption{gap:4px;min-height:36px;padding:8px 2px 4px;font-size:12px}.record-caption .crabcraft-logo{width:14px;height:14px}.record-caption .icon{display:none}}.studio-footer{padding:32px 0 0;overflow:hidden}.studio-footer-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:24px;padding-bottom:56px;font-size:12px;display:flex}.footer-notice{max-width:440px;margin:0;line-height:1.7}.studio-footer-meta nav{align-items:center;gap:28px;display:flex}.studio-footer-meta .crabcraft-link{font-size:inherit}.studio-footer-meta a:hover{color:var(--ink)}.footer-wordmark{text-align:center;white-space:nowrap;width:100%;font:750 14vw/1 var(--font-inter), sans-serif;letter-spacing:-.065em;color:color-mix(in srgb, var(--ink) 16%, var(--paper));-webkit-user-select:none;user-select:none;margin:0;padding:0 0 .1em;-webkit-mask-image:linear-gradient(#000 15%,#000b 45%,#0003 70%,#0000 92%);mask-image:linear-gradient(#000 15%,#000b 45%,#0003 70%,#0000 92%)}[data-theme=dark] .footer-wordmark{color:color-mix(in srgb, var(--ink) 22%, var(--paper))}@media (max-width:760px){.studio-footer-meta{flex-direction:column;gap:20px;padding-bottom:40px}.footer-notice{text-align:center}.studio-footer-meta nav{gap:22px}.studio-footer{padding-top:12px}.content-wrap{width:calc(100% - 44px)}}@media (max-width:380px){.content-wrap{width:calc(100% - 32px)}}