.experience{--exp-paper:#f3f0e7;--exp-ink:#20231e;background:var(--exp-paper);color:var(--exp-ink)}.opening{text-align:center;max-width:1440px;margin:auto;padding:56px 32px 48px}.opening__mark{margin:0 auto 26px;line-height:0}.opening__mark .waw-logo{aspect-ratio:auto;width:min(78vw,840px);height:clamp(80px,15vw,190px);-webkit-mask-size:100%;mask-size:100%}.opening__line{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(42px,5.2vw,76px);line-height:1.02}.opening__line em{font-weight:400}.opening__explore{align-items:center;gap:20px;margin-top:44px;font-size:12px;text-decoration:none;display:inline-flex}.opening__explore span{border:1px solid #b4b6a8;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .2s;display:grid}.opening__explore:hover span{transform:translateY(4px)}.work{max-width:1440px;margin:auto;padding:0 48px;scroll-margin-top:24px}.work__heading{border-top:1px solid #c9c9bb;justify-content:space-between;align-items:baseline;padding:24px 0;display:flex}.work__heading h2{margin:0;font-size:13px;font-weight:500}.work__heading>span{color:#5c6056;font-size:12px}.project{margin-bottom:48px}.project__bar,.project__foot{justify-content:space-between;align-items:center;gap:20px;padding:22px 32px;font-size:12px;display:flex}.project__bar{border-bottom:1px solid #ffffff26}.project__foot{border-top:1px solid #ffffff26}.project__bar>span:first-child{font-weight:600}.project--sandlings{color:#f1eddf;background:#111719}.sandlings-stage{background:radial-gradient(at 90% 90%,#213037,#0000 65%);grid-template-columns:.85fr 1.15fr;align-items:center;gap:12px;padding:32px 48px 54px;display:grid;position:relative;overflow:hidden}.project__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#b7c0f2;font-size:10px}.sandlings-stage h3{font-family:var(--serif);letter-spacing:-.045em;margin:26px 0;font-size:clamp(44px,5.2vw,76px);font-weight:400;line-height:1.02}.sandlings-stage__copy>p{color:#abb4b3;margin-bottom:32px;font-size:15px;line-height:1.8}.project__link{border-bottom:1px solid;justify-content:space-between;align-items:center;gap:32px;padding-bottom:8px;font-size:14px;text-decoration:none;display:inline-flex}.project__link span{font-size:22px;transition:transform .2s}.project__link:hover span{transform:translate(3px,-3px)}.project__availability{color:#abb4b3;margin-top:22px;font-size:11px;display:block}.sandlings-stage__mascot{width:150px;height:200px;image-rendering:pixelated;pointer-events:none;position:absolute;bottom:34px;left:calc(42.5% - 190px)}@media (max-width:1340px){.sandlings-stage__mascot{width:111px;height:148px;left:calc(42.5% - 140px)}}@media (max-width:1180px){.sandlings-stage__mascot{display:none}}.sandlings-stage__phones{justify-content:center;align-items:center;min-width:0;padding:12px 0 24px;display:flex}.sandlings-stage__phones img{border-radius:20px;width:35%;height:auto;display:block;box-shadow:0 24px 40px #0005}.sandlings-stage__phones img:first-child{transform:rotate(-8deg)translate(19%,4%)}.sandlings-stage__phones img:nth-child(2){z-index:1;width:39%;position:relative}.sandlings-stage__phones img:nth-child(3){transform:rotate(8deg)translate(-19%,4%)}.sand-play{max-width:820px;margin:0 auto;padding:16px 32px 24px}.sand-play__heading{color:#abb4b3;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:11px;display:flex}.sand-play canvas{width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair;background:#111719;border:1px solid #ffffff26;display:block}.sand-play__controls{justify-content:space-between;align-items:center;padding-top:16px;display:flex}.sand-play__controls>div{gap:12px;display:flex}.sand-play__controls>div button{background:var(--grain);cursor:pointer;border:4px solid #111719;border-radius:50%;width:30px;height:30px;box-shadow:0 0 0 1px #ffffff40}.sand-play__controls>div button[aria-pressed=true]{box-shadow:0 0 0 2px #f1eddf}.sand-play__reset{color:#f1eddf;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font-size:12px}.sand-play__note{color:#abb4b3;font-size:11px}.project--chef{color:#283b2a;background:#dbe1c6}.project--chef .project__bar,.project--chef .project__foot{border-color:#283b2a30}.chef-stage{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:56px 72px 64px;display:grid}.chef-stage__art{position:relative}.chef-stage__art img{mix-blend-mode:multiply;width:100%;max-width:480px;height:auto;display:block}.chef-stage__wordmark{width:108px;height:auto;margin-bottom:24px;display:block}.chef-stage h3{font-family:var(--serif);letter-spacing:-.045em;margin:0 0 26px;font-size:clamp(38px,4.5vw,62px);font-weight:400;line-height:1.05}.chef-stage p{color:#46563c;max-width:350px;margin:0 0 32px;font-size:15px;line-height:1.8}.project--homeling{color:#1e3348;background:#d3dee5}.project--homeling .project__bar,.project--homeling .project__foot{border-color:#1e334826}.project--homeling .project__eyebrow{color:#b4553a}.homeling-stage{background:radial-gradient(at 80% 20%,#dee7ed,#0000 60%);grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;padding:56px 72px 64px;display:grid;overflow:hidden}.homeling-stage h3{font-family:var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:26px 0;font-size:clamp(36px,3.7vw,54px);font-weight:400;line-height:1.05}.homeling-stage__copy>p{color:#4c5f72;max-width:380px;margin:0 0 32px;font-size:15px;line-height:1.8}.project--homeling .project__availability{color:#4c5f72}.homeling-stage__screens{min-width:0;padding:0 0 6%;position:relative}.homeling-stage__screens picture{display:block}.homeling-stage__screens img{width:100%;height:auto;display:block}.homeling-stage__ipad{width:80%;margin-left:auto}.homeling-stage__ipad img{border:8px solid #17202a;border-radius:22px;outline:1px solid #8a9aa8;box-shadow:0 24px 44px #0e182430}.homeling-stage__phone{z-index:1;width:28%;position:absolute;bottom:0;left:0}.homeling-stage__phone img{border:4px solid #17202a;border-radius:20px;outline:1px solid #8a9aa8;box-shadow:0 22px 40px #0e182440}.project--computerling{color:#252b28;background:#e6e1d3}.project--computerling .project__bar,.project--computerling .project__foot{border-color:#252b2826}.project--computerling .project__eyebrow{color:#bd4b24}.project--computerling .project__availability{color:#666e63}.computerling-stage{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;padding:56px 72px 64px;display:grid;overflow:hidden}.computerling-stage h3{font-family:var(--serif);letter-spacing:-.045em;margin:26px 0;font-size:clamp(38px,4.5vw,62px);font-weight:400;line-height:1.05}.computerling-stage__copy>p{color:#4f574d;max-width:360px;margin:0 0 32px;font-size:15px;line-height:1.8}.computerling-stage__art{filter:drop-shadow(18px 32px 22px #343c302a);width:100%;max-width:460px;margin:auto;transform:rotate(-3deg)}.cl-lid{background:#c9c4b6;border:1px solid #a59e8d;border-radius:16px 16px 6px 6px;padding:18px;box-shadow:inset 0 0 0 5px #d8d3c5}.cl-screen{color:#b8d6a2;background:#172720;border:7px solid #353d35;border-radius:8px;font:10px/1.7 ui-monospace,Menlo,monospace;box-shadow:inset 0 0 40px #0006}.cl-bar{border-bottom:1px solid #b8d6a23b;justify-content:space-between;padding:7px 10px;font-size:9px;display:flex}.cl-window{background:#22382b;border:1px solid #b8d6a27a;flex-direction:column;gap:10px;max-width:70%;margin:18px 20px 0;padding:8px 12px 14px;display:flex;box-shadow:8px 8px #0003}.cl-window b{border-bottom:1px solid #b8d6a26a;padding-bottom:6px;font-weight:400}.cl-window i{font-style:normal}.cl-dock{justify-content:space-around;padding:18px 8px 10px;font-size:9px;display:flex}.cl-base{transform-origin:top;background:#bcb7a8;border:1px solid #999481;border-radius:4px 4px 18px 18px;padding:16px 20px 18px;transform:perspective(700px)rotateX(15deg)}.cl-keys{grid-template-columns:repeat(10,1fr);gap:4px;display:grid}.cl-keys i{background:#343b35;border-radius:3px;height:14px;box-shadow:0 2px #202922}.cl-space{background:#343b35;border-radius:3px;width:48%;height:14px;margin:8px auto 0;box-shadow:0 2px #202922}.project--studios{color:#f3f0e7;background:#232422}.studios-stage{background:radial-gradient(#383936,#191b19);flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:72px 48px;text-decoration:none;display:flex;position:relative;overflow:hidden}.studios-stage__label{letter-spacing:.38em;margin-bottom:24px;font-size:11px}.studios-stage h3{font-family:var(--serif);letter-spacing:-.06em;text-align:center;margin:0 0 40px;font-size:clamp(80px,11vw,156px);font-weight:400;line-height:.9;transition:letter-spacing .5s}.studios-stage:hover h3{letter-spacing:-.045em}.studios-stage__cta{color:inherit;z-index:1;border-bottom:1px solid #a4a69a;align-items:center;gap:32px;padding-bottom:8px;font-size:13px;text-decoration:none;display:flex;position:relative}.studios-stage__cta>span{font-size:22px}.studios-stage__frame{pointer-events:none;position:absolute;inset:40px}.studios-stage__frame i{border:0 solid #a4a69a;width:20px;height:20px;position:absolute}.studios-stage__frame i:first-child{border-top-width:1px;border-left-width:1px;top:0;left:0}.studios-stage__frame i:nth-child(2){border-top-width:1px;border-right-width:1px;top:0;right:0}.studios-stage__frame i:nth-child(3){border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.studios-stage__frame i:nth-child(4){border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.closing{justify-content:center;align-items:center;gap:clamp(48px,10vw,140px);max-width:1440px;margin:auto;padding:56px 48px 104px;display:flex}.closing__etc{font-family:var(--serif);letter-spacing:-.08em;font-size:clamp(100px,17vw,240px);font-style:italic;line-height:1}.closing h2{font-family:var(--serif);letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(30px,3.2vw,46px);font-weight:400;line-height:1.12}.closing a{border-bottom:1px solid #777f70;align-items:center;gap:40px;padding-bottom:8px;font-size:14px;text-decoration:none;display:inline-flex}.experience :is(a,button,summary,canvas):focus-visible{outline-offset:6px;outline:2px solid}@media (max-width:900px){.work{padding-inline:24px}.sandlings-stage{grid-template-columns:1fr;gap:40px;padding:40px 32px}.sandlings-stage__copy{text-align:center}.sandlings-stage__phones{width:100%;max-width:580px;margin:auto}.chef-stage{gap:32px;padding:48px 32px}.chef-stage h3{font-size:42px}.homeling-stage{grid-template-columns:1fr;gap:40px;padding:48px 32px}.homeling-stage__screens{width:100%;max-width:620px;margin:auto}.computerling-stage{grid-template-columns:1fr;gap:40px;padding:48px 32px}}@media (max-width:560px){.opening{padding:44px 20px 36px}.opening__mark .waw-logo{width:90%}.opening__mark{margin-bottom:24px}.opening__line{font-size:clamp(36px,10vw,52px)}.opening__explore{margin-top:30px}.work{padding-inline:16px}.work__heading{padding-block:20px}.work__heading>span{font-size:10px}.project{margin-bottom:24px}.project__bar,.project__foot{padding:18px 20px;font-size:10px}.project__bar>span:last-child{text-align:right;max-width:135px}.sandlings-stage{gap:32px;padding:32px 20px 36px}.sandlings-stage h3{margin-block:20px;font-size:48px}.sandlings-stage__copy>p{font-size:13px}.sandlings-stage__phones img{border-radius:12px}.sand-play{padding-inline:20px}.sand-play__heading{flex-direction:column;gap:4px}.chef-stage{flex-direction:column;gap:32px;padding:32px 24px 40px;display:flex}.chef-stage__art{width:78%;max-width:300px}.chef-stage__copy{width:100%}.chef-stage h3{font-size:44px}.chef-stage p{font-size:14px}.homeling-stage{gap:32px;padding:32px 24px 40px}.homeling-stage h3{margin-block:20px;font-size:44px}.homeling-stage__copy>p{font-size:14px}.homeling-stage__ipad img{border-width:5px;border-radius:14px}.homeling-stage__phone img{border-width:3px;border-radius:12px}.computerling-stage{gap:32px;padding:32px 24px 40px}.computerling-stage h3{margin-block:20px;font-size:44px}.computerling-stage__copy>p{font-size:14px}.cl-lid{padding:12px}.cl-base{padding:12px 14px 14px}.studios-stage{min-height:420px;padding:56px 24px}.studios-stage h3{font-size:clamp(72px,20vw,105px)}.studios-stage__frame{inset:24px}.closing{text-align:center;flex-direction:column;gap:24px;padding:36px 24px 64px}.closing__etc{font-size:130px}.closing h2{font-size:34px}}@media (prefers-reduced-motion:reduce){.experience *,.experience :before,.experience :after{scroll-behavior:auto!important;transition:none!important}}
