/* Revision 9: a request becomes usable software. All rules scoped below the protected opening. */
.making,.commission,.studio-story,.case-inner{padding:72px var(--gutter);max-width:1856px;margin:auto}
.making{color:var(--forest)}
.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:36px}
.section-top .eyebrow,.section-note{font-size:12px;line-height:1.5}
.section-note{color:#53604e}
.making-heading,.commission-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:end;margin-bottom:42px}
.making h2,.commission h2{font-size:clamp(44px,5.2vw,80px);line-height:1.02;font-weight:450;letter-spacing:-.045em}
.making-heading>p,.commission-heading>p{font-size:18px;line-height:1.6;max-width:440px;padding-bottom:3px}
.request-scene{position:relative;margin:0;display:grid;grid-template-columns:.8fr 50px 1.15fr;gap:18px 26px;align-items:center;background:#e3e6d8;border:1px solid #283b321c;border-radius:5px;padding:32px 38px 22px;overflow:hidden}
.scene-source{min-width:0;min-height:315px;align-self:center}
.scene-label{display:block;font-size:11px;color:#51604a;margin-bottom:18px}
.source-notes{position:relative;height:264px;max-width:380px}
.source-note{position:absolute;width:78%;padding:20px 22px 18px;border:1px solid #283b3240;box-shadow:0 5px 14px #283b3206;background:#f7f4ec;border-radius:3px}
.source-note>span{font-size:10px;color:#445140;display:block;margin-bottom:12px}
.source-note strong{font:500 25px/1.1 Bricolage,Arial,sans-serif;letter-spacing:-.025em;display:block;max-width:250px}
.source-note small{display:block;font-size:10px;margin-top:15px;color:#445140}
.note-mail{left:0;top:0;transform:rotate(-5deg);z-index:1}
.note-sheet{left:17%;top:85px;transform:rotate(4deg);background:#d0dac0;z-index:2}
.note-chat{left:5%;top:168px;transform:rotate(-3deg);background:#edc19a;z-index:3}
.scene-bridge{font:300 45px/1 Bricolage,Arial,sans-serif;color:#7d4b2f;text-align:center}
.request-window{background:#fbf9f3;border:1px solid #283b323b;box-shadow:0 16px 40px #283b3210;border-radius:8px;overflow:hidden;min-width:0}
.window-top{display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid #283b3223;font-size:11px}
.window-mark{display:grid;place-items:center;width:23px;height:23px;border-radius:5px;background:#283b32;color:#f3f0e8;font:550 21px/1 Bricolage,Arial,sans-serif}
.window-context{margin-left:auto;font-size:10px;color:#5a6753}
.window-body{padding:22px 25px 20px}
.window-title{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:23px}
.window-title h3{font-size:29px;line-height:1.05;font-weight:450;letter-spacing:-.03em;max-width:240px}
.request-count{font-size:10px;white-space:nowrap;color:#5a6753;padding-top:5px}
.request-detail{background:#e8ecdf;border-radius:4px;padding:19px 20px}
.request-title{display:flex;align-items:center;gap:9px;font-size:13px}
.status-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#9b502e}
.request-detail>p{font-size:11px;margin-top:9px;color:#4d5b47}
.request-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 0;padding:16px 0 0;border-top:1px solid #283b3230}
.request-detail dt{font-size:10px;color:#596651;margin-bottom:6px}
.request-detail dd{margin:0;font-size:12px}
.next-action{display:grid;grid-template-columns:1fr auto;margin-top:19px;padding-top:15px;border-top:1px solid #283b3230;gap:7px 15px}
.next-action>span:first-child{font-size:10px;grid-column:1}
.next-action strong{font-size:12px;font-weight:500;grid-column:1}
.next-action>span:last-child{grid-column:2;grid-row:1 / 3;align-self:center;font-size:24px}
.request-confirm{font-size:11px;line-height:1.5;min-height:17px;margin-top:15px}
.request-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:#283b32;color:#f3f0e8;border:1px solid #283b32;border-radius:3px;min-height:44px;font-size:12px;width:100%;margin-top:10px;transition:background-color 160ms ease}
.request-button[hidden]{display:none}
.request-button:focus-visible{outline-color:#974824}
.request-button[aria-pressed=true]{background:#e5ebdc;color:#283b32}
.request-scene figcaption{grid-column:1 / -1;font-size:11px;line-height:1.5;color:#52604b;text-align:center;margin-top:7px}
.static-note{font-size:11px;margin-top:15px}
.making-method{display:grid;grid-template-columns:repeat(3,1fr);gap:5%;margin-top:35px}
.making-method article{border-top:1px solid #283b3245;padding-top:20px}
.making-method h3{font-size:23px;line-height:1.15;font-weight:450;letter-spacing:-.025em;margin-bottom:10px}
.making-method p{font-size:14px;line-height:1.6;color:#4d5b47;max-width:335px}
.product-case{background:#e6a875;color:#2f342b}
.product-case .section-top{padding-bottom:23px;border-bottom:1px solid #2f342b50}
.product-case .section-note{color:#453c2f}
.case-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}
.case-name{display:flex;align-items:center;gap:12px;font:500 23px/1.1 Bricolage,Arial,sans-serif;letter-spacing:-.025em}
.case-name img{width:44px;height:44px;border-radius:10px}
.case-copy h2{font-size:clamp(37px,3.9vw,61px);line-height:1.04;letter-spacing:-.04em;font-weight:450;margin:28px 0 21px}
.case-lead{font-size:17px;line-height:1.6;max-width:450px}
.case-decision{margin:27px 0 4px;border-left:1px solid #593b2859;padding-left:23px;max-width:440px}
.case-decision h3{font-family:Arial,sans-serif;font-size:12px;line-height:1.4;letter-spacing:0;font-weight:bold;margin:20px 0 7px}
.case-decision p{font-size:15px;line-height:1.6}
.case-platform{font-size:11px;margin-top:18px}
.case-evidence{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;align-items:start}
.case-evidence figure{margin:0;min-width:0}
.case-evidence figure:nth-child(2){padding-top:70px}
.case-evidence img{width:100%;height:auto;filter:drop-shadow(0 18px 16px #6a41252a)}
.screen-caption{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin:0 8% 16px;border-top:1px solid #2f342b55;padding-top:13px}
.screen-caption>span{font-size:20px;line-height:1}
.evidence-caption{grid-column:1 / -1;text-align:center;font-size:10px;margin:24px 0 0;line-height:1.5}
.commission{padding-top:85px;padding-bottom:85px}
.commission-heading{margin-bottom:45px}
.offer-row{display:grid;grid-template-columns:1.1fr 1fr 48px;gap:6%;padding:31px 0 33px;border-top:1px solid #283b3255;align-items:center}
.offer-question h3{font-size:clamp(25px,2.5vw,40px);font-weight:450;line-height:1.13;letter-spacing:-.03em;max-width:530px}
.offer-question>p{font-size:14px;color:#754629;margin-top:12px}
.offer-answer>p{font-size:16px;line-height:1.6;max-width:440px}
.offer-answer>span{font-size:11px;display:block;margin-top:15px;color:#59634f}
.offer-action{width:48px;height:48px;border:1px solid #283b3259;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background-color 200ms ease,color 200ms ease}
.studio-story{background:#dde1d1;max-width:none;padding-top:75px;padding-bottom:42px}
.studio-story>.section-top,.studio-story-grid,.studio-signature{max-width:1680px;margin-left:auto;margin-right:auto}
.studio-story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}
.studio-story h2{font-size:clamp(42px,5.3vw,84px);line-height:1.02;font-weight:450;letter-spacing:-.045em}
.studio-story-copy{max-width:560px}
.studio-story-copy .studio-lead{font:450 29px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.025em;margin-bottom:25px}
.studio-story-copy>p{font-size:16px;line-height:1.65}
.studio-story-copy>p+p{margin-top:20px}
.studio-signature{display:flex;gap:30px;align-items:end;justify-content:space-between;border-top:1px solid #283b3244;margin-top:48px;padding-top:24px}
.studio-signature>span{font:500 27px/1 Bricolage,Arial,sans-serif;letter-spacing:-.035em}
.studio-signature>p{font-size:11px;margin-right:auto}
.studio-signature>a{font-size:14px;display:flex;gap:24px;align-items:center;min-height:44px;border-bottom:1px solid currentColor}
@media(hover:hover) and (pointer:fine){.request-button:hover{background:#415644}.request-button[aria-pressed=true]:hover{background:#d1dbc5}.offer-action:hover{background:#283b32;color:#f3f0e8}}
@media(min-width:1600px){.request-scene{padding:40px 5% 24px;gap:30px 5%;grid-template-columns:.8fr 60px 1.15fr}.source-notes{max-width:460px}.scene-source{min-height:360px}.source-notes{height:315px}.note-sheet{top:110px}.note-chat{top:207px}.source-note strong{font-size:29px}.window-body{padding:28px 32px}.request-detail{padding:23px}.case-evidence{max-width:650px}.case-inner{padding-top:85px;padding-bottom:85px}}
@media(max-width:1100px){.request-scene{grid-template-columns:.7fr 30px 1.15fr;padding:28px 24px 20px;gap:18px}.source-note{width:88%;padding:17px}.source-note strong{font-size:21px}.note-sheet{left:10%;top:82px}.note-chat{top:160px}.window-body{padding:20px}.window-title{display:block}.request-count{display:block;margin-top:10px}.window-title h3{max-width:260px;font-size:27px}.making-heading,.commission-heading{gap:6%}.case-grid{gap:5%}.case-evidence{gap:12px}.case-copy h2{font-size:42px}.case-lead{font-size:16px}.case-decision{padding-left:17px}.studio-story-grid{gap:6%}}
@media(max-width:800px){.making,.commission,.studio-story,.case-inner{padding:55px var(--gutter)}.section-top{margin-bottom:25px}.section-note{font-size:10px;max-width:180px;text-align:right}.making-heading,.commission-heading{grid-template-columns:1fr 1fr;gap:6%;margin-bottom:32px}.making h2,.commission h2{font-size:45px}.making-heading>p,.commission-heading>p{font-size:16px}.request-scene{padding:22px;grid-template-columns:.7fr 1.15fr;gap:20px}.scene-bridge{display:none}.window-body{padding:17px}.source-note{width:94%;padding:16px}.source-note strong{font-size:20px}.note-sheet{left:5%;top:95px}.note-chat{left:0;top:180px}.source-notes{height:295px}.request-detail{padding:15px}.request-detail dl{gap:10px}.request-title{font-size:12px}.making-method{gap:25px}.making-method h3{font-size:21px}.making-method p{font-size:13px}.case-grid{grid-template-columns:1fr 1fr;gap:6%}.case-copy h2{font-size:37px}.case-evidence{gap:10px}.case-evidence figure:nth-child(2){padding-top:45px}.case-decision p{font-size:14px}.case-evidence .screen-caption{font-size:10px}.offer-row{grid-template-columns:1fr 1fr 44px;gap:25px}.offer-answer>p{font-size:15px}.offer-action{width:44px;height:44px}.studio-story-copy .studio-lead{font-size:24px}.studio-story h2{font-size:46px}.studio-story-copy>p{font-size:15px}}
@media(max-width:600px){.making,.commission,.studio-story,.case-inner{padding:43px 24px}.section-top{margin-bottom:24px;align-items:start}.section-top .eyebrow{font-size:11px}.section-note{font-size:10px;max-width:125px}.making>.section-top .section-note{display:none}.making-heading,.commission-heading{display:block;margin-bottom:28px}.making h2,.commission h2{font-size:43px;line-height:1.04;letter-spacing:-.043em}.making-heading>p,.commission-heading>p{font-size:16px;margin-top:22px;max-width:450px}.request-scene{display:flex;flex-direction:column;align-items:stretch;margin:0 -8px;padding:20px 15px 16px;gap:18px}.scene-source{min-height:0}.scene-label{font-size:10px;margin-bottom:13px}.source-notes{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;gap:7px;max-width:none}.source-note{position:relative;top:auto;left:auto;width:100%;transform:none;padding:12px 9px 13px;min-height:109px;box-shadow:none}.source-note>span{font-size:9px;line-height:1.3;margin-bottom:9px}.source-note strong{font-size:15px;line-height:1.1;letter-spacing:-.02em}.source-note small{display:none}.note-mail{transform:rotate(-3deg)}.note-chat{transform:rotate(3deg)}.scene-bridge{display:block;height:16px;font-size:25px;line-height:16px;transform:rotate(90deg);align-self:center}.request-window{width:100%;border-radius:5px}.window-top{padding:10px 13px;font-size:10px}.window-context{font-size:9px}.window-body{padding:18px 15px}.window-title{display:flex;gap:12px;margin-bottom:18px}.window-title h3{font-size:25px;max-width:190px}.request-count{font-size:9px;white-space:normal;text-align:right;max-width:66px;margin:0;padding-top:3px}.request-detail{padding:15px}.request-title{font-size:12px;line-height:1.4}.request-detail>p{font-size:10px}.request-detail dl{margin-top:16px;padding-top:13px;gap:10px}.request-detail dd{font-size:11px}.request-detail dt{font-size:9px}.next-action{margin-top:16px;padding-top:13px}.next-action strong{font-size:11px}.next-action>span:first-child{font-size:9px}.request-button{font-size:11px}.request-scene figcaption{text-align:left;font-size:10px;margin:0 2px;max-width:350px}.making-method{display:block;margin-top:26px}.making-method article{padding:19px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.making-method article:last-child{padding-bottom:0}.making-method h3{font-size:22px;line-height:1.12;margin:0}.making-method p{font-size:13px;line-height:1.55}.product-case .section-top{padding-bottom:19px}.case-grid{display:flex;flex-direction:column;align-items:stretch;gap:33px}.case-name{font-size:23px}.case-name img{width:38px;height:38px}.case-copy h2{font-size:39px;margin:22px 0 18px}.case-lead{font-size:16px}.case-decision{margin-top:22px;padding-left:17px}.case-decision h3{font-size:11px;margin-top:16px}.case-decision p{font-size:14px}.case-platform{font-size:10px;margin-top:12px}.case-evidence{gap:10px;max-width:440px;width:100%;margin:auto}.case-evidence figure:nth-child(2){padding-top:38px}.screen-caption{margin-bottom:12px}.case-evidence .screen-caption{font-size:11px}.evidence-caption{font-size:10px;margin-top:18px;text-align:left}.commission-heading{margin-bottom:29px}.offer-row{grid-template-columns:1fr 44px;gap:18px;padding:25px 0 27px}.offer-question{grid-column:1}.offer-question h3{font-size:30px;line-height:1.07}.offer-question>p{font-size:13px;margin-top:10px}.offer-answer{grid-column:1 / -1;grid-row:2}.offer-answer>p{font-size:15px;line-height:1.6}.offer-answer>span{font-size:10px;margin-top:12px}.offer-action{grid-column:2;grid-row:1;align-self:start}.studio-story-grid{display:block}.studio-story h2{font-size:43px;margin-bottom:28px}.studio-story-copy .studio-lead{font-size:25px;line-height:1.2;margin-bottom:20px}.studio-story-copy>p{font-size:16px}.studio-story-copy>p+p{margin-top:18px}.studio-signature{display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px;padding-top:23px}.studio-signature>span{font-size:25px}.studio-signature>p{font-size:11px}.studio-signature>a{font-size:15px;width:fit-content}.studio-story{padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.making *,.commission *{transition:none!important}}
.motion-off .making *,.motion-off .commission *{transition:none!important}
/* Keep each source readable; the overlap conveys fragmentation, never conceals the question. */
@media(min-width:601px){.scene-source{min-height:356px}.source-notes{height:326px}.source-note{padding:17px 20px}.source-note strong{font-size:23px}.source-note small{display:none}.note-sheet{top:116px}.note-chat{top:216px}.source-note>span{margin-bottom:9px}.case-evidence figure{max-width:300px}}
@media(max-width:600px){.case-grid{display:flex;gap:0}.case-copy{display:contents}.case-name{order:0}.case-copy h2{order:1}.case-lead{order:2}.case-evidence{order:3;margin-top:27px;margin-bottom:7px}.case-decision{order:4}.case-copy .studio-link{order:5;align-self:start}.case-platform{order:6}}