/* Creative interior: the accepted workbench uses the shared workshop styles. */
.materials-section{position:relative;isolation:isolate;background:#e8dfe9;padding:70px 0 80px;overflow:hidden}
.materials-layout{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:32px 52px;align-items:start}
.ingredients-heading{position:relative;z-index:2;grid-column:1;grid-row:1;padding-bottom:25px}
.ingredients-heading h2{margin-top:18px;max-width:15ch}
.materials-art{grid-column:1;grid-row:2;align-self:stretch;position:relative;margin:0 -120px 30px -90px;min-height:380px;border:0;background:none;box-shadow:none;transform:rotate(-4deg)}
.materials-art img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover;box-shadow:0 5px 0 #ac9985,0 24px 40px #33232d30}
.brief-points{position:relative;z-index:3;grid-column:2;grid-row:1 / 3;display:grid;gap:26px;margin:24px 0 20px;padding:0 8px;counter-reset:ingredient}
.brief-points:before,.brief-points:after{content:"";position:absolute;z-index:-1;pointer-events:none;box-shadow:0 12px 20px #33232d22}
.brief-points:before{inset:12% -25px 5% 14%;background:var(--red);transform:rotate(8deg);border-radius:48% 2% 2% 2%}
.brief-points:after{width:150px;height:150px;left:-75px;bottom:-15px;border:32px solid #aa91ba;border-radius:50%;transform:rotate(-15deg)}
.brief-points .brief-paper{counter-increment:ingredient;position:relative;padding:28px 32px 30px;border:1px solid #dbd0c1;border-bottom:0;background:#fffaf0;box-shadow:0 2px 0 #d4c8b8,0 4px 0 #eee5d9,0 6px 0 #b7a795,0 16px 25px #33232d22;rotate:-2deg;transition:translate 220ms var(--ease),box-shadow 220ms var(--ease)}
.brief-points .brief-paper:nth-child(2){rotate:1.6deg;margin-left:25px;background:#f6efe2}
.brief-points .brief-paper:nth-child(3){rotate:-.8deg;margin-right:18px}
.brief-points dt{font-family:Bricolage;font-size:25px;line-height:1.15;font-weight:600;display:flex;gap:16px;align-items:baseline}
.brief-points dt:before{content:'0' counter(ingredient);font:12px Source;letter-spacing:.08em;color:#8f3328}
.brief-points dd{font-size:17px;line-height:1.6;margin:15px 0 0;max-width:46ch}
.permission-section{position:relative;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;padding-top:95px;padding-bottom:100px}
.permission-note{position:relative;padding:25px 0}.permission-note>p:last-child{max-width:36ch}
.permission-list{position:relative;isolation:isolate;background:#d7c9b5;padding:30px 28px 32px;border:1px solid #c0ae98;border-radius:4px;box-shadow:0 4px 0 #a89780,0 7px 0 #ede4d8,0 9px 0 #b1a08d,0 24px 38px #2422291f}
.permission-list:before{content:"";position:absolute;inset:10px;border:1px dashed #a99a87;z-index:-1;pointer-events:none}
.permission-list .board-label{margin:0 0 25px;padding-left:8px;font-size:11px}
.permission-list details{position:relative;border:0;padding:0;margin:0 0 18px;background:#fffaf0;box-shadow:0 3px 0 #b7a58e,0 7px 12px #24222920;transition:translate 180ms var(--ease)}
.permission-list details:nth-of-type(2){margin-left:12px}.permission-list details:nth-of-type(3){margin-right:10px}
.permission-list summary{display:grid;grid-template-columns:30px 1fr 30px;gap:12px;align-items:center;list-style:none;min-height:76px;padding:16px;font-size:22px;line-height:1.2;border:1px solid #d8cbbb;background:#f7f0e5;cursor:pointer;touch-action:manipulation}
.permission-list summary::-webkit-details-marker{display:none}.permission-list summary::marker{content:""}
.permission-tag{display:grid;place-items:center;width:30px;height:36px;font:12px Source;color:#fffaf0;background:var(--ink);box-shadow:0 2px 0 #94887c;border-radius:2px 2px 8px 2px}
.disclosure-state{display:grid;place-items:center;min-width:28px;height:30px;border:1px solid currentColor;border-radius:50%;font:24px/1 Source}
.when-open{display:none}.permission-list details[open] .when-open{display:block}.permission-list details[open] .when-closed{display:none}
.permission-list details[open] summary{background:#e5dbea;border-bottom-color:#bbaaC1}.permission-list details[open] .permission-tag{background:#8e3429}
.permission-list details p{padding:20px 24px 25px;margin:0;font-size:17px;line-height:1.6}
.permission-list>.primary-action{margin-top:12px;min-height:48px;max-width:100%;white-space:normal}
.permission-list summary:focus-visible{outline:3px solid var(--red);outline-offset:5px;position:relative;z-index:2}
.permission-list summary:active{translate:0 2px}.brief-paper:nth-child(2).is-entering{animation-delay:70ms}.brief-paper:nth-child(3).is-entering{animation-delay:140ms}
@media(hover:hover) and (pointer:fine){.brief-points .brief-paper:hover{translate:0 -4px;box-shadow:0 2px 0 #d4c8b8,0 4px 0 #eee5d9,0 6px 0 #b7a795,0 22px 32px #33232d30}.permission-list details:hover{translate:0 -3px}}
@media(max-width:1000px) and (min-width:761px){.materials-layout{gap:25px}.brief-points .brief-paper{padding:23px}.brief-points dt{font-size:22px}.permission-section{gap:32px}.permission-list{padding:25px 18px}.permission-list summary{font-size:20px;gap:8px;padding:14px 10px}}
@media(max-width:760px){
 .materials-section{padding:40px 0 52px}.materials-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .ingredients-heading{grid-column:1;grid-row:1;padding-bottom:30px}.ingredients-heading h2{font-size:33px}
 .materials-art{grid-column:1;grid-row:2;margin:0 -35px;width:auto;min-height:0;transform:rotate(-2deg)}.materials-art img{height:260px;min-height:0;object-position:center}
 .brief-points{grid-column:1;grid-row:3;gap:24px;margin:-22px 0 0;padding:0 5px}
 .brief-points .brief-paper{padding:25px 24px;rotate:-.7deg}.brief-points .brief-paper:nth-child(2){margin-left:10px;rotate:.6deg}.brief-points .brief-paper:nth-child(3){margin-right:8px;rotate:-.4deg}
 .brief-points dt{font-size:23px;gap:12px}.brief-points dd{font-size:16px;line-height:1.6}
 .permission-section{display:block;padding-top:42px;padding-bottom:55px;background:linear-gradient(#f7f3eb 0 28%,#e5dbea 28% 100%)}
 .permission-note{z-index:2;background:#fffaf0;padding:25px 23px 30px;margin:0 10px -12px 0;box-shadow:0 3px 0 #cbbfae,0 12px 20px #24222917}
 .permission-note h2{font-size:32px;margin-block:16px}.permission-note>p:last-child{font-size:17px}
 .permission-list{margin:0;padding:38px 14px 25px}.permission-list .board-label{font-size:10px;padding-left:3px;margin-bottom:20px}
 .permission-list summary{font-size:20px;padding:15px 10px;grid-template-columns:24px 1fr 26px;gap:9px;min-height:82px}.permission-tag{width:24px;height:32px}.disclosure-state{min-width:26px;height:28px}
 .permission-list details:nth-of-type(2){margin-left:6px}.permission-list details:nth-of-type(3){margin-right:4px}.permission-list details p{padding:19px 17px 23px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){.brief-points .brief-paper{rotate:none;translate:none!important}.materials-art{transform:none}.permission-list details{translate:none!important}}
@media(forced-colors:active){.brief-points .brief-paper,.permission-list,.permission-list details,.permission-note{border:1px solid CanvasText}.permission-tag{color:CanvasText;border:1px solid CanvasText}}
