/* The approved marginal-note composition: idea first, supporting passage below. */
#philosophy{padding:155px 28px 165px}
#philosophy .philosophy-inner{max-width:700px;margin-inline:auto}
#philosophy h2{margin-bottom:44px}
.philosophy-note{position:relative;padding-left:27px;max-width:620px}
.philosophy-note:before{content:'';position:absolute;left:0;top:6px;bottom:4px;width:4px;border-radius:3px;background:currentColor}
#philosophy .philosophy-note em{display:block;margin-bottom:18px;font:italic 28px/1.35 var(--serif)}
#philosophy .philosophy-note p{font:24px/1.6 var(--serif);margin:0}
.philosophy-note mark{color:inherit;background:#f6dfa520;padding:1px 3px;margin:0 -3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color 700ms}
[data-attention=present] .philosophy-note mark{background:#f6dfa5}
/* Whole workspace, then a closer detail; both remain on the shared ground. */
#craft{width:92%;max-width:1320px;margin:auto;padding:35px 0 130px}
#craft .craft-introduction{display:block;max-width:none;margin:0 0 60px;padding:0 5%;position:relative}
#craft .craft-introduction .eyebrow{margin-bottom:24px}
#craft h2{font:clamp(44px,4.6vw,68px)/1.12 var(--serif);letter-spacing:-.035em;margin:0}
#craft .native-section{display:flex;justify-content:flex-start;gap:22px;padding:0;margin-top:30px;text-align:left}
#craft .native-section p{font:14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;margin:0;color:#756f63}
#craft .native-section p:first-child{color:#36342e}
#craft figure{margin:0;min-width:0}
.craft-workspace .native-capture{border-radius:10px}
#craft .craft-progress{display:grid;grid-template-columns:minmax(0,460px) minmax(0,340px);align-items:center;justify-content:center;gap:clamp(50px,8vw,130px);margin:150px auto 0;padding:0 6%}
.paperlist-crop{display:block;position:relative;overflow:hidden;aspect-ratio: .72;background:#f9f7f2;border-radius:7px;border:1px solid #38312318;box-shadow:0 12px 32px -22px #302c2355}
.paperlist-crop img{position:absolute;width:500%;max-width:none;height:auto;left:-71%;top:-8%}
.paperlist-crop:focus-visible{outline:2px solid #8a7247;outline-offset:6px}
#craft .craft-progress figcaption{display:block;font-size:11px}
.craft-progress-copy .eyebrow{font:11px/1.5 -apple-system,sans-serif;text-transform:uppercase;letter-spacing:.09em;margin-bottom:24px}
.craft-progress-copy h3{font:48px/1.1 var(--serif);color:#a27a40;letter-spacing:-.025em;margin:0 0 32px}
.copy-reserved{border-left:2px solid #a4967733;padding-left:18px;color:#82796b}
.copy-reserved span{font:11px/1.5 -apple-system,sans-serif}
.copy-reserved p{font:19px/1.55 var(--serif);margin:10px 0 0}
@media(max-width:760px){#philosophy{padding:110px 7% 120px}#philosophy h2{font-size:44px}#philosophy .philosophy-note p{font-size:21px}#philosophy .philosophy-note em{font-size:26px}#craft{padding-bottom:80px}#craft .craft-introduction{padding:0 4%;margin-bottom:36px}#craft .craft-progress{grid-template-columns:1fr;gap:38px;margin-top:85px;padding:0 8%;max-width:520px}.craft-progress-copy{padding-left:5%}.craft-progress-copy h3{font-size:40px;margin-bottom:24px}#craft figcaption{font-size:10px;gap:12px}}
@media(prefers-reduced-motion:reduce){.philosophy-note mark{transition:none}}

/* End on the artwork itself, with the credit on its lower edge. */
.painted-invitation .painting-credit{position:absolute;left:0;right:0;bottom:0;z-index:1;background:transparent;padding:20px 4% 24px;color:#454438;gap:24px;align-items:end}
@media(max-width:760px){.painted-invitation .painting-credit{font-size:10px;gap:18px;padding:16px 5% 20px}.painting-credit a:first-child{max-width:65%}}
.craft-live{display:block;width:100%;aspect-ratio:1440/903;height:auto;border:1px solid #25211b1a;border-radius:10px;background:#f9f7f2;box-shadow:0 2px 5px #302c2308,0 28px 60px -34px #302c232e}
#craft .craft-workspace figcaption{align-items:center;flex-wrap:wrap}
#craftFocus{font:inherit;color:inherit;border:1px solid #857a6350;background:transparent;border-radius:5px;padding:7px 13px;cursor:pointer;margin-right:auto}
#craftFocus:focus-visible{outline:2px solid #8a7247;outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}