.rationale-section{padding:80px 7%}.rationale-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:75px;margin:52px 0 45px}.rationale-heading>p{font-size:14px;line-height:1.8;max-width:390px;opacity:.75;margin:0}.evolution{background:#f0ecE3}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison figure{margin:0}.compare-art{height:320px;background:#fff;display:flex;align-items:center;justify-content:center;padding:35px}.previous-art img{width:auto;height:220px;max-width:100%;object-fit:contain}.new-art img{width:330px;max-width:95%;max-height:250px}.comparison figcaption{padding:24px 4px 0}.comparison figcaption>span,.evolution-summary span,.anatomy-detail>span,.small-signature>div>span{font-size:9px;letter-spacing:1.5px}.comparison figcaption p{font-size:13px;line-height:1.7;max-width:370px;margin:12px 0 10px}.comparison figcaption small{font-size:10px;opacity:.55}.evolution-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #173d2b22;padding-top:26px;margin-top:40px}.evolution-summary p{font-size:12px;line-height:1.6;margin:12px 0 0}.anatomy{background:#fff}.anatomy-layout{display:grid;grid-template-columns:1.55fr 1fr;gap:55px;align-items:center}.anatomy-canvas{position:relative;padding:30px 40px;background:#faf8f3;min-height:420px;display:flex;align-items:center;justify-content:center}.anatomy-canvas>img{width:100%;height:auto;max-height:330px;object-fit:contain}.anatomy-point{position:absolute;width:36px;height:36px;border-radius:50%;background:#f3ebdd;border:1px solid #173d2b;color:#173d2b;font-size:10px;box-shadow:0 3px 10px #0001;transition:.2s}.anatomy-point.active{background:#173d2b;color:white;box-shadow:0 0 0 6px #173d2b17}.point-palms{left:59%;top:20%}.point-b{left:15%;top:65%}.point-r{left:52%;top:71%}.anatomy-detail{padding:10px 0}.detail-image{height:130px;margin:25px 0;display:flex;align-items:center}.detail-image img{max-height:130px;max-width:160px;width:auto;height:auto;display:block}.anatomy-detail h3{font:28px/1.15 Georgia,serif;letter-spacing:-.5px;margin:24px 0 16px}.anatomy-detail p{font-size:13px;line-height:1.85;opacity:.75;margin:0;max-width:330px}.versatility{background:#eee9df}.test-controls{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.test-tabs{display:flex;gap:5px;flex-wrap:wrap}.test-tabs button{border:1px solid #173d2b22;background:transparent;padding:11px 14px;border-radius:24px;color:#173d2b;font-size:10px}.test-tabs button.active{background:#173d2b;color:#fff;border-color:#173d2b}.test-controls label{font-size:10px;width:210px;flex-shrink:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.test-controls output{font-family:monospace}.test-controls input{width:100%;accent-color:#173d2b;cursor:pointer}.test-canvas{height:350px;position:relative;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .35s}.test-canvas>img{max-width:calc(100% - 40px);max-height:270px;object-fit:contain;transition:width .15s}.test-canvas>span{position:absolute;left:25px;bottom:20px;font-size:10px;opacity:.65}.small-signature{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:35px}.small-signature p{font-size:12px;line-height:1.8;max-width:430px;margin:12px 0 0;opacity:.75}.small-signature>div:last-child{min-width:210px;display:flex;align-items:center;flex-direction:column;gap:15px}.small-signature img{width:160px;height:auto}.small-signature small{font-size:9px;opacity:.55}.visual-system{background:#faf8f3}.system-composition{display:grid;grid-template-columns:1fr 1fr;min-height:540px;gap:24px}.system-poster{padding:42px;display:flex;flex-direction:column;background:#7d0a16;color:#f3ebdd}.system-poster>img{width:165px;height:auto}.system-poster-label{font-size:8px;letter-spacing:1.5px;opacity:.55;margin-top:50px}.system-poster>p{font:clamp(42px,5.8vw,85px)/1 Georgia,serif;letter-spacing:-3px;margin:20px 0 40px}.poster-bottom{font-size:9px;letter-spacing:2px;margin-top:auto}.system-pattern{position:relative;display:flex;align-items:center;justify-content:center;min-height:540px;overflow:hidden;background:#e7e1d3}.pattern-surface{position:absolute;inset:0;background-image:url('assets/logo-symbol.svg');background-size:145px 100px;background-repeat:repeat;opacity:.1;transform:rotate(-12deg) scale(1.2)}.system-bookmark{position:relative;width:170px;min-height:410px;background:#054823;padding:28px 23px;display:flex;flex-direction:column;align-items:center;gap:30px;transform:rotate(8deg);box-shadow:12px 15px 22px #0002}.system-bookmark>img:first-child{width:90px;height:auto}.system-bookmark>span{color:#f3ebdd;font:23px/1.2 Georgia,serif;text-align:center;margin-top:22px}.system-bookmark>img:last-child{width:120px;height:auto;background:#f3ebdd;padding:10px;margin-top:auto}.system-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:32px}.system-roles p{font-size:12px;line-height:1.8;opacity:.8;margin:0}.system-roles strong{display:block;font-size:13px;color:#173d2b;margin-bottom:7px}@media(max-width:800px){.rationale-section{padding:50px 7%}.rationale-heading{grid-template-columns:1fr;gap:25px;margin:35px 0 30px}.comparison{grid-template-columns:1fr;gap:35px}.compare-art{height:255px;padding:25px}.previous-art img{height:190px}.new-art img{width:280px;max-height:210px}.evolution-summary{grid-template-columns:1fr;gap:20px}.evolution-summary>div{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.evolution-summary p{max-width:165px;margin:0;text-align:right}.anatomy-layout{grid-template-columns:1fr;gap:25px}.anatomy-canvas{min-height:300px;padding:25px}.anatomy-point{width:32px;height:32px}.anatomy-detail{display:grid;grid-template-columns:100px 1fr;column-gap:20px}.anatomy-detail>span{grid-column:1/-1}.detail-image{grid-column:1;grid-row:2/4;height:110px;margin:20px 0}.detail-image img{max-width:95px;max-height:110px}.anatomy-detail h3{font-size:24px;grid-column:2;margin-top:20px}.anatomy-detail p{grid-column:2;font-size:12px}.test-controls{display:block}.test-controls label{margin-top:25px;width:100%}.test-tabs button{padding:10px 12px}.test-canvas{height:300px}.test-canvas>img{max-height:225px}.test-canvas>span{font-size:9px;left:15px}.small-signature{display:block}.small-signature>div:last-child{align-items:flex-start;margin-top:25px}.system-composition{grid-template-columns:1fr;min-height:0;gap:18px}.system-poster{min-height:420px;padding:32px}.system-poster>p{font-size:64px}.system-pattern{min-height:460px}.system-roles{grid-template-columns:1fr;gap:20px}.system-bookmark{min-height:360px}}@media(prefers-reduced-motion:reduce){.test-canvas,.test-canvas>img,.anatomy-point{transition:none}}