body[data-page=unpattern]{--bg:#11110f;--surface:#252019;--body:#ccc7bd;--line:#524638;--accent:#e5a27b}
body[data-page=unpattern] h1{font-size:60.5px;line-height:1.13;max-width:1140px}
body[data-page=unpattern] .hero-description p{font-size:21px;line-height:32.5px}
body[data-page=unpattern] h2{font-size:47.5px;line-height:1.15;max-width:none}
body[data-page=unpattern] .hero{min-height:750px;height:900px;max-height:100svh}
.unpattern-intro h2{margin-bottom:100px}
.edge-grid{display:grid;grid-template-columns:minmax(0,580px) minmax(0,1fr);gap:110px;align-items:center}
body[data-page=unpattern] .edge-grid p{font-size:18px;line-height:29.7px;margin-bottom:40px}
body[data-page=unpattern] .edge-grid p:last-child{margin:0}
.edge-grid strong{font-weight:700}
.semantic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;align-items:start;margin-top:85px}
.semantic-card{background:#29251f;--line:#675343;min-width:0}
.semantic-card summary{position:relative;padding:28px 22px 30px}
.semantic-card figure{height:170px;margin:0 0 28px;display:flex;align-items:center}
.semantic-card img{display:block;width:100%;height:100%;object-fit:contain}
.semantic-card h3{font:400 27px/1.23 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:0 0 20px}
.semantic-card summary p{font-size:17px;line-height:23px;padding-right:30px;margin:0;min-height:46px}
.semantic-card .disclosure{position:absolute;right:16px;bottom:24px;color:var(--accent)}
.semantic-detail{padding:27px 22px 32px;border-top:1px solid #675343}
.semantic-detail p{font-size:17px;line-height:28px;margin:0 0 28px}
.semantic-detail p:last-child{margin:0}
.knowledge-tracks{margin-top:100px}
.track-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}
.track-row+.track-row{margin-top:112px}
.track-main,.track-detail{background:#302a23}
.track-main{position:relative;padding:28px 30px 35px}
.track-main .step{font:12px/1.5 'Courier New',monospace;color:#bca48a;letter-spacing:.15em;margin-bottom:34px}
.track-main h3{font:400 34px/1.23 Georgia,'Times New Roman',serif;margin:0 0 25px;letter-spacing:-.025em}
.track-main p{font-size:20px;line-height:28px;margin:0;padding-right:20px}
.track-main strong{font-weight:700}
.track-detail{padding:var(--body-offset,125px) 28px 35px;border-left:2px solid #d49b76}
.track-detail p{font-size:20px;line-height:29.7px;margin:0 0 29.7px}
.track-detail p:last-child{margin:0}
.track-toggle{position:absolute;right:20px;bottom:18px;padding:0;border:0;background:transparent;color:var(--accent)}
.track-toggle[aria-expanded=true] .disclosure{transform:rotate(45deg)}
@media(max-width:1100px){.edge-grid{gap:65px;grid-template-columns:1.1fr .9fr}.semantic-cards{gap:22px}.track-main,.track-detail{padding-inline:24px}.track-main h3{font-size:34px}}
@media(max-width:800px){.edge-grid{grid-template-columns:1fr;gap:45px}.semantic-cards{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.semantic-card figure{height:190px}.track-row{grid-template-columns:1fr}.track-detail{padding:28px 24px 35px;border-left:0;border-top:2px solid #d49b76}.track-row+.track-row{margin-top:72px}.unpattern-intro h2{margin-bottom:55px}}
@media(max-width:600px){body[data-page=unpattern] .hero{height:auto;min-height:800px;max-height:none}body[data-page=unpattern] .hero-copy{position:relative;inset:auto;transform:none;padding:200px 24px 100px}body[data-page=unpattern] h1{font-size:42px}body[data-page=unpattern] h2{font-size:36px}.track-main h3{font-size:30px}.knowledge-tracks{margin-top:55px}.semantic-cards{margin-top:55px}}
body[data-page=unpattern] .closing h2{font-size:46px;line-height:53px}
