.afterworks-split{background:#121619;color:#f4ead7;isolation:isolate}
#about.motion-section,#contact.motion-section{position:relative;display:block;padding:0;isolation:isolate;overflow:hidden;scroll-margin-top:0;background:#141b1e!important}
#about.motion-section{background:radial-gradient(ellipse at 74% 50%,#37434670,transparent 55%),linear-gradient(110deg,#171c20,#171c1f)!important}
#contact.motion-section{background:linear-gradient(110deg,#342726,#252b2b)!important;border-top:1px solid #c0a07944}
.motion-section:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}
.atelier{position:relative;max-width:1800px;margin:auto;padding:34px 5%;min-height:max(405px,calc((100svh - 90px)/2));display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:5%;box-sizing:border-box}
.section-code{display:flex;align-items:center;gap:12px;color:#bcb19c;letter-spacing:1.5px;font-size:10px;line-height:1.6}
.section-code i,.machine-topline i{width:5px;height:5px;border-radius:50%;background:#8bd5bb;box-shadow:0 0 12px #8bd5bb;display:inline-block}
#about h2,#contact h2{font-size:clamp(29px,3.2vw,52px);line-height:1.22;font-weight:600;letter-spacing:-1.5px;margin:17px 0}
#about h2 em,#contact h2 em{font-style:normal;font-weight:400;color:#dfae83}
#about .atelier-intro{font-size:12px;color:#b6bdb7;line-height:1.9;margin:0 0 20px}
.core-description{display:flex;gap:18px;border-top:1px solid #afbaae30;padding-top:18px;max-width:530px;animation:description-in .45s both}
.description-index{font:italic 36px Georgia,serif;color:var(--accent);line-height:1}
.core-description h3{color:var(--accent);font-size:18px;margin:0 0 9px;font-weight:500}
#about .core-description p{font-size:12px;line-height:1.8;margin:0;color:#c3c9c1}
.ability-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.ability-tags span{font-size:9px;color:#a4b1a9;letter-spacing:.5px}
.core-stage{position:relative;width:100%;max-width:690px;justify-self:center;cursor:grab;touch-action:pan-y;user-select:none}
.core-stage.dragging{cursor:grabbing}.core-film{width:100%;height:100%;overflow:visible;pointer-events:none}
.core-next{position:absolute;left:36%;top:31%;width:28%;height:39%;border:0;background:none;color:var(--accent);cursor:pointer;border-radius:50%}
.core-next span{position:absolute;bottom:7%;left:0;right:0;font-size:10px;letter-spacing:2px;opacity:0;transition:opacity .2s}.core-next:hover span,.core-next:focus-visible span{opacity:1}
.core-next:hover{box-shadow:inset 0 0 35px #b8f0db1c}.core-next:focus-visible{outline:2px solid var(--accent)}
.core-choice{position:absolute;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#46504d,#222a2d);box-shadow:0 6px 16px #0007,inset 0 1px #ded1ac35;border:1px solid #8b907b70;border-radius:5px;padding:11px 13px;color:#cbd1c3;white-space:nowrap;transition:transform .25s,background .25s,box-shadow .25s;cursor:pointer;font-size:12px}
.choice-number{font:10px monospace;color:#9c9e87}.core-choice i{width:5px;height:5px;border-radius:50%;background:#68766d;margin-left:5px}
.core-choice[aria-pressed=true]{background:linear-gradient(130deg,#6a6c54,#384442);border-color:var(--accent);color:#fff2d9;box-shadow:0 0 25px #dcc39a22,0 8px 20px #0005}.core-choice[aria-pressed=true] i{background:var(--accent);box-shadow:0 0 10px var(--accent)}
.core-choice:hover{transform:translateY(-9px) scale(1.05);box-shadow:0 12px 28px #0009;border-color:#f0d09c;color:#fff}
.choice-0{left:2%;top:13%}.choice-1{right:0;top:16%}.choice-2{right:-1%;top:64%}.choice-3{left:3%;top:67%}.choice-4{left:36%;top:88%}
.core-help{position:absolute;top:101%;width:100%;display:flex;justify-content:center;gap:20px;font-size:9px;color:#adbaab;letter-spacing:1px}.core-help b{font-weight:400;color:#728c81}
.contact-atelier{grid-template-columns:.85fr 1.35fr;gap:8%}.contact-copy{z-index:1}#contact .contact-copy p{font-size:12px;color:#c0b5a3;margin:22px 0} .contact-copy>a{display:inline-block;border-bottom:1px solid #b99d76;color:#e3bd8b;font-size:11px;padding-bottom:7px;margin-top:5px}
.console-backdrop{position:absolute;inset:0 0 0 32%;overflow:hidden;pointer-events:none}.console-film{width:100%;height:100%}
.collab-machine{position:relative;z-index:1;max-width:770px;width:100%;padding:20px 23px 15px;border-radius:15px;background:linear-gradient(130deg,#52544a,#262f30 45%,#353c38);border:1px solid #b8b09970;box-shadow:0 22px 30px #090c0e66,inset 0 2px #e6d6b53d,inset 0 -5px #10191c66;transform:perspective(1000px) rotateY(calc(var(--pointer-x,0)*-4deg)) rotateX(calc(var(--pointer-y,0)*3deg));transition:transform .15s}
.machine-topline{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px;color:#b4bfac;letter-spacing:1.2px;font:9px monospace}.machine-topline i{margin-right:8px}
.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;perspective:800px;padding-top:10px}
.project-card{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:17px 14px;background:linear-gradient(145deg,#e5d7b7,#b8b194);border:1px solid #f6ead0;border-radius:6px;color:#263432;box-shadow:0 7px 0 #6e725e,0 15px 20px #0005;min-height:165px;cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s;transform:rotateX(7deg) translateY(3px)}
.project-card:nth-child(2){transform:rotateX(7deg) translateY(7px)}.project-card[aria-pressed=true]{background:linear-gradient(145deg,#ffe5b6,#d6b780);transform:translateY(-8px) rotateX(0);box-shadow:0 7px 0 #8c7652,0 0 24px #e3c18330,0 18px 24px #0005}
.project-card:hover{transform:translateY(-17px) rotateX(-5deg) rotateZ(-2deg);background:#f7e6c4;box-shadow:0 7px 0 #897651,0 23px 25px #0007}.project-card:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.card-no{font:10px monospace;letter-spacing:2px;opacity:.55}.project-card strong{font-size:clamp(14px,1.25vw,20px);font-weight:600}.project-card small{font-size:10px;opacity:.7}.card-arrow{position:absolute;right:12px;top:10px;font-size:23px}
.machine-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0 14px}.selected-label{color:var(--accent);font-size:11px}#contact .machine-bottom p{color:#acb9aa;font-size:10px;margin:9px 0 0}
.ignite-button{display:flex;align-items:center;gap:17px;border:1px solid #ffdfb2;border-radius:40px;background:linear-gradient(#f4cd93,#bf8a53);padding:6px 6px 6px 20px;box-shadow:0 5px 0 #684c34,0 8px 20px #0007,inset 0 1px #fff6da;color:#322c23;font-size:13px;transition:transform .2s,box-shadow .2s;cursor:pointer;white-space:nowrap}
.ignite-button b{display:grid;place-items:center;background:#263632;border-radius:50%;width:39px;height:39px;color:#e6d6b8;font-size:26px;font-weight:400}.ignite-button:hover{transform:translateY(-4px);box-shadow:0 8px 0 #684c34,0 0 30px #d6b27650}.ignite-button:active{transform:translateY(4px);box-shadow:0 1px 0 #684c34}
.machine-meter{display:flex;gap:3px;align-items:center;padding-top:10px;border-top:1px solid #aeb49930}.machine-meter i{height:5px;width:6px;background:var(--accent);opacity:.2;animation:meter 2s calc(var(--n)*-.08s) infinite alternate}.machine-meter span{font:8px monospace;letter-spacing:1px;color:#9dab9c;margin-left:auto}
.brief-overlay{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:55%;max-width:700px;z-index:5;padding:28px;background:#ece1c8;color:#23302c;border:5px solid #526057;box-shadow:0 25px 90px #000b;border-radius:10px;animation:brief-arrive .35s both}.brief-close{position:absolute;right:15px;top:10px;font-size:26px;border:0;background:none;color:#38483b;cursor:pointer}.brief-overlay .section-code{color:#73755c}.brief-overlay h3{font-size:27px;margin:13px 0}.brief-overlay label{display:block;font-size:12px;margin-bottom:10px}#contact #project-idea{width:100%;height:78px;resize:none;background:#d5cdb8;border:1px solid #aaa98f;color:#243d34;border-radius:4px;font:13px/1.8 inherit;padding:10px;box-sizing:border-box}.brief-overlay>div{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:15px}.brief-overlay small{font-size:10px;color:#65705d}.brief-copy{background:#2c463d;color:#f1e5c9;border:0;border-radius:3px;padding:12px;font-size:12px;cursor:pointer}
@keyframes description-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes meter{to{opacity:1;transform:scaleY(2)}}@keyframes brief-arrive{from{opacity:0;transform:translateY(-42%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}
.reduced .afterworks-split *{animation:none!important;transition:none!important}.reduced .collab-machine{transform:none}
@media(min-width:1600px){.atelier{padding-top:42px;padding-bottom:42px}.core-description p{font-size:14px!important}.project-card{min-height:185px}}
@media(max-width:1100px){.atelier{gap:4%;padding:30px 4%;min-height:425px}.core-choice{font-size:10px;padding:8px;gap:5px}.core-choice svg{width:18px}.core-choice .choice-number{display:none}.core-help{gap:8px;font-size:8px}.contact-atelier{grid-template-columns:.8fr 1.2fr}.collab-machine{padding:17px 15px}.project-cards{gap:8px}.project-card{padding:12px 10px;min-height:153px}.project-card svg{width:32px;height:32px}.machine-topline{font-size:8px}.machine-topline>span:last-child{display:none}.machine-meter i:nth-child(n+20){display:none}.machine-meter span{font-size:7px}.ignite-button{font-size:11px;padding-left:12px;gap:8px}.ignite-button b{width:30px;height:30px}.machine-bottom{gap:8px}#contact .machine-bottom p{font-size:9px}.section-code{font-size:8px;gap:8px}.atelier-intro br{display:none}}
@media(max-width:700px){.atelier{grid-template-columns:1fr;gap:25px;padding:35px 7% 45px}#about h2,#contact h2{font-size:34px}.core-stage{margin:0 -3%;width:106%}.core-description{gap:13px}.core-description h3{font-size:17px}.contact-atelier{gap:20px}.contact-copy p{margin:15px 0!important}.contact-copy>a{margin:0}.collab-machine{box-sizing:border-box}.project-card{min-height:142px;padding:10px 9px}.project-card strong{font-size:13px}.project-card small{font-size:9px}.machine-meter span{font-size:6px}.machine-meter i:nth-child(n+17){display:none}.brief-overlay{width:86%;right:7%;padding:20px;box-sizing:border-box}.brief-overlay h3{font-size:22px}.brief-overlay>div{align-items:stretch;flex-direction:column;gap:10px}.core-help{top:103%}.core-choice{font-size:10px}.choice-4{left:34%}.console-backdrop{left:0}}