.w18,.w19,.w20,.w21{box-sizing:border-box;isolation:isolate}.w18 *,.w19 *,.w20 *,.w21 *{box-sizing:border-box}.w-kicker{font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.w18 button,.w19 button,.w20 button,.w21 button{font:inherit;cursor:pointer}.w18 button:focus-visible,.w19 button:focus-visible,.w20 button:focus-visible,.w21 button:focus-visible,.w19 input:focus-visible,.w20 select:focus-visible{outline:3px solid #c0683d;outline-offset:5px}
.w18{background:#102a31;color:#edf0dd;padding:32px 4% 22px}.w18-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.w18-heading h2{font-weight:400;font-size:clamp(35px,4.8vw,68px);letter-spacing:-2.5px;line-height:1.02;margin:13px 0 0}.w18-heading>p{max-width:280px;font-size:13px;color:#9cb9b6;margin:0}.w18-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.w18-brushes{display:flex;gap:6px}.w18-brushes button,.w18-play{background:transparent;color:#dce7d9;border:1px solid #74938c70;padding:11px 15px;font-size:11px}.w18-brushes button[aria-pressed=true]{background:#dce7d9;color:#17363b}.w18-art{position:relative;background:#132b31;overflow:hidden}.w18-art canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:pan-y}.w18-art-label{position:absolute;right:20px;bottom:18px;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin:0;color:#d3e3d7;pointer-events:none}.w18-foot{display:flex;justify-content:space-between;gap:25px;margin-top:17px;font-size:9px;color:#9ab5ac;line-height:1.5}.w18-status{text-align:right}
.w19{background:#deded2;padding:22px 3% 25px;perspective:1000px}.w19-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.w19-toolbar>.w-kicker{color:#6b7163}.w19-scenes{display:flex;gap:5px}.w19-scenes button{background:transparent;border:1px solid #abb2a5;padding:9px 13px;font-size:11px}.w19-scenes button[aria-pressed=true]{background:#253c31;color:#f0f0df;border-color:#253c31}.w19-window{height:540px;position:relative;overflow:hidden;perspective:1000px}.w19-pages{position:absolute;inset:0}.w19-page{position:absolute;inset:0;display:grid;grid-template-columns:.75fr 1.25fr;overflow:hidden;transform-origin:50% 100%}.w19-copy{padding:45px 35px;display:flex;justify-content:center;flex-direction:column}.w19-copy>span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.w19-copy h2{font:400 clamp(54px,7vw,110px)/1 Georgia,serif;letter-spacing:-5px;margin:30px 0 20px}.w19-copy p{font-size:13px;max-width:180px;opacity:.7}.w19-page figure{position:relative;min-width:0;overflow:hidden}.w19-page figure img{width:100%;height:100%;object-fit:cover}.w19-page figcaption{position:absolute;left:18px;bottom:16px;right:18px;font-size:8px;color:white;text-shadow:0 2px 9px #000}.w19-portal{position:absolute;width:200px;height:325px;left:43%;top:51%;transform:translate(-50%,-50%);z-index:5;pointer-events:none;perspective:800px}.w19-portal>div{height:100%;border:18px solid #d8c8a2;border-radius:110px 110px 2px 2px;box-shadow:9px 6px 0 #8a795a,inset 4px 6px 0 #ffffd6,15px 22px 30px #16261e2b;background:linear-gradient(110deg,#fff1 0%,transparent 50%,#fff2 95%)}.w19-portal>span{position:absolute;left:31px;bottom:23px;color:#f5f0dd;font-size:9px;text-shadow:0 2px 10px #000;letter-spacing:.4px}.w19-controls{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(160px,.7fr);gap:35px;align-items:center;margin-top:24px}.w19-play{background:none;border:0;border-bottom:1px solid #788270;padding:12px 0;font-size:12px;white-space:nowrap}.w19-controls label{font-size:9px;color:#5d6c58;letter-spacing:.3px}.w19-controls output{float:right;font-variant-numeric:tabular-nums}.w19-controls input{width:100%;accent-color:#2b4938;margin:12px 0 0}.w19-status{font-size:10px;color:#68725f;margin:0}
.w20{background:#dfe4d7;color:#243b2d;padding:24px 3% 22px}.w20-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.w20-toggle{background:#244532;color:#f2f2e3;border:0;padding:13px 20px;display:flex;gap:25px;align-items:center;font-size:12px!important;position:relative;z-index:10}.w20-toggle span{font-size:22px;line-height:.5}.w20-scene{height:555px;position:relative;overflow:hidden;background:#d2dac6}.w20-under{position:absolute;inset:0;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.w20-under p{font:400 66px/1.02 Georgia,serif;letter-spacing:-3px;margin:0}.w20-under>span{font-size:11px;margin-top:25px;color:#6b7c60}.w20-covers{position:absolute;inset:0;pointer-events:none}.w20-cover{position:absolute;left:calc(50% - 125px);top:calc(50% - 158px);width:250px;height:315px;border:8px solid #f4f1e4;box-shadow:0 13px 40px #243b2d3d;transform-origin:center}.w20-cover img{width:100%;height:100%;object-fit:cover}.w20-cover:nth-child(1){left:24%;top:20%}.w20-cover:nth-child(2){left:45%;top:13%}.w20-cover:nth-child(3){left:31%;top:29%}.w20-cover:nth-child(4){left:51%;top:23%}.w20-menu{position:absolute;inset:0;z-index:4;background:#244532;color:#e9eddb;padding:40px 12%;display:flex;flex-direction:column;justify-content:center;clip-path:inset(50%);opacity:0;pointer-events:none}.w20-menu-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9fb59a;margin-bottom:20px}.w20-menu a{font-size:clamp(36px,5.6vw,78px);line-height:1.2;letter-spacing:-3px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #6c876366;padding:10px 0;text-decoration:none;color:inherit}.w20-menu a span{font:11px Arial;letter-spacing:0;color:#b0c5a7}.w20-menu>p{font-size:10px;color:#9eb296;margin:22px 0 0}.w20-options{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:19px;font-size:10px;color:#65785a}.w20-options label{display:flex;align-items:center;gap:15px}.w20-options select{font-size:10px;background:transparent;color:#3b5133;border:1px solid #b1bea5;padding:7px 25px 7px 10px}.w20-status{text-align:right}
.w21{background:#e9e8df;padding:35px 4% 25px;color:#243b30}.w21-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.w21-heading h2{font-weight:400;font-size:clamp(35px,4.7vw,66px);letter-spacing:-2.7px;line-height:1.02;margin:14px 0 0}.w21-heading>p{max-width:270px;font-size:13px;color:#75806d;margin:0}.w21-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.w21-panel{min-width:0;overflow:hidden;isolation:isolate;background:#d8dfce;padding:22px;border:1px solid #c9d0be;border-radius:3px}.w21-b{background:#d6dfdc}.w21-panel-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.w21-panel h3{font-size:14px;font-weight:400;margin:0}.w21-panel button{border:1px solid #9cae94;background:transparent;font-size:10px;padding:9px 11px;white-space:nowrap}.w21-grid{height:300px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.w21-grid figure{min-width:0;min-height:0;overflow:hidden;grid-row:1/3}.w21-grid img{width:100%;height:100%;object-fit:cover}.w21-a.is-expanded .w21-grid>figure:first-child{grid-column:1/3;grid-row:1/3}.w21-a.is-expanded .w21-grid>figure:nth-child(2){grid-column:3;grid-row:1}.w21-a.is-expanded .w21-grid>figure:nth-child(3){grid-column:3;grid-row:2}.w21-caption{font-size:9px;color:#738067;margin:13px 0 0}.w21-detail{height:300px;display:grid;grid-template-columns:1.4fr .75fr;gap:20px;align-items:center}.w21-detail figure{height:100%;min-width:0;overflow:hidden}.w21-detail img{width:100%;height:100%;object-fit:cover}.w21-detail-copy{min-width:0}.w21-detail-copy>span{font-size:9px;letter-spacing:1px;color:#7c8c7d}.w21-detail-copy h4{font:400 31px/1.05 Georgia,serif;letter-spacing:-1px;margin:16px 0}.w21-detail-copy p{font-size:9px;color:#758779;line-height:1.6}.w21-b.is-flipped .w21-detail{grid-template-columns:.75fr 1.4fr}.w21-b.is-flipped figure{grid-column:2;grid-row:1}.w21-b.is-flipped .w21-detail-copy{grid-column:1;grid-row:1}.w21-engine{font-size:10px;color:#7a8570;margin:20px 0 0}
@media(max-width:800px){.w19-window{height:480px}.w19-copy{padding:30px 22px}.w19-copy h2{font-size:70px}.w19-portal{width:155px;height:270px}.w19-controls{gap:20px;grid-template-columns:auto 1fr}.w19-status{grid-column:1/-1}.w20-cover{width:200px;height:280px}.w21-panels{grid-template-columns:1fr}.w21-grid,.w21-detail{height:290px}}
@media(max-width:600px){.w-kicker{font-size:8px;letter-spacing:.7px}.w18{padding:25px 5% 20px}.w18-heading{display:block;margin-bottom:21px}.w18-heading h2{font-size:39px;letter-spacing:-1.8px}.w18-heading>p{font-size:11px;max-width:290px;margin-top:14px}.w18-tools{align-items:start;gap:12px;margin-bottom:15px;flex-wrap:wrap}.w18-brushes{gap:4px}.w18-brushes button,.w18-play{font-size:10px;padding:10px 11px}.w18-art canvas{height:auto;aspect-ratio:16/9;object-fit:contain}.w18-art-label{font-size:7px;right:10px;bottom:10px}.w18-foot{display:block;font-size:8px;line-height:1.6}.w18-status{display:block;text-align:left;margin-top:8px}.w19{padding:22px 4%}.w19-toolbar{display:block}.w19-scenes{margin-top:17px;gap:5px}.w19-scenes button{font-size:10px;padding:9px 12px}.w19-window{height:470px}.w19-page{grid-template-columns:1fr;grid-template-rows:155px 1fr}.w19-copy{padding:24px}.w19-copy>span{font-size:8px}.w19-copy h2{font-size:62px;letter-spacing:-3px;margin:13px 0 7px}.w19-copy p{font-size:11px;max-width:none;margin:0}.w19-page figcaption{font-size:7px;left:12px;bottom:12px}.w19-portal{width:133px;height:215px;left:66%;top:55%}.w19-portal>div{border-width:12px;box-shadow:6px 4px 0 #8a795a,inset 3px 4px 0 #ffffd6,12px 15px 22px #16261e2b}.w19-portal>span{left:22px;bottom:16px;font-size:7px}.w19-controls{grid-template-columns:1fr;gap:18px;margin-top:18px}.w19-play{max-width:max-content;font-size:11px}.w19-controls label{font-size:10px}.w19-controls input{margin-top:14px}.w19-status{font-size:9px}.w20{padding:22px 4%}.w20-toolbar{gap:12px}.w20-toolbar .w-kicker{max-width:145px;line-height:1.5}.w20-toggle{font-size:10px!important;padding:12px 13px;gap:16px}.w20-scene{height:470px}.w20-under{padding:20px}.w20-under p{font-size:43px;letter-spacing:-2px}.w20-under>span{font-size:9px;max-width:160px;line-height:1.7}.w20-cover{width:155px;height:220px;border-width:5px}.w20-cover:nth-child(1){left:8%;top:20%}.w20-cover:nth-child(2){left:37%;top:15%}.w20-cover:nth-child(3){left:13%;top:36%}.w20-cover:nth-child(4){left:43%;top:29%}.w20-menu{padding:25px 9%}.w20-menu a{font-size:43px;letter-spacing:-2px;padding:15px 0}.w20-menu a span{font-size:9px}.w20-menu-kicker{font-size:8px}.w20-menu>p{font-size:9px;line-height:1.7}.w20-options{display:block;font-size:9px}.w20-options label{gap:12px}.w20-status{display:block;text-align:left;margin-top:14px}.w21{padding:24px 5%}.w21-heading{display:block;margin-bottom:23px}.w21-heading h2{font-size:37px;letter-spacing:-1.8px}.w21-heading>p{font-size:11px;max-width:300px;margin-top:15px}.w21-panels{gap:17px}.w21-panel{padding:15px}.w21-panel-bar{gap:10px;margin-bottom:17px}.w21-panel h3{font-size:12px}.w21-panel button{font-size:9px;padding:9px}.w21-grid{height:215px;gap:6px}.w21-caption{font-size:8px;line-height:1.6}.w21-detail{height:245px;gap:13px}.w21-detail-copy h4{font-size:26px}.w21-detail-copy p{font-size:8px}.w21-engine{font-size:9px;line-height:1.6}}
/* Keep both independent panels and their actions within a phone's first view. */
@media(max-width:600px){
 .w21{padding:18px 4% 20px}.w21-heading{margin-bottom:16px}.w21-heading h2{font-size:28px;line-height:1.08;letter-spacing:-1px;margin-top:9px}.w21-heading>p{font-size:10px;line-height:1.45;margin-top:9px;max-width:none}
 .w21-panels{grid-template-columns:1fr;gap:12px}.w21-panel{padding:11px}.w21-panel-bar{gap:10px;min-height:34px;margin-bottom:10px}.w21-panel h3{font-size:11px}.w21-panel button{font-size:9px;padding:9px;min-height:34px}
 .w21-grid{height:119px;gap:6px}.w21-caption{font-size:8px;line-height:1.4;margin:8px 0 0}.w21-detail{height:119px;gap:15px}.w21-detail-copy>span{font-size:8px}.w21-detail-copy h4{font-size:22px;line-height:1.04;letter-spacing:-.6px;margin:8px 0}.w21-detail-copy p{font-size:8px;line-height:1.45;margin:0}.w21-engine{font-size:8px;line-height:1.5;margin-top:13px}
}
@media(prefers-reduced-motion:reduce){.w18 *,.w19 *,.w20 *,.w21 *{scroll-behavior:auto!important;transition:none!important}}